@charset "UTF-8";


/* ==========================================================================
   Mobile CSS Styles for sizes 480, 750, 1050, 2300
   ========================================================================== */
   /* 440 Drop Logo Only Screen Size */

@media only screen and (max-width: 440px) {
  .navbar img { width: 250px;}
}

   /* 480 Screen Size */


@media only screen and (max-width: 480px) {
  .hero { height: 216px !important; }
  .container { width: 95%; padding-bottom: 35px; }
  .logo img { margin-left: 0; width: 250px;}

  textarea { max-width: 84%; }
  header .dark { width: 111px; }
  header p { width: 111px; margin-top: 0; font-weight: bold;}

  #about .right { margin-top: 90px;}

  #feature-title { margin-top: 0; padding: 10px 0 0; }
  #feature-title article { width: 90%; padding-bottom: 20px; }
  #feature-imagery-2 { background: url(../img/vet-2.jpg) no-repeat center center; background-size: cover; }

  #first .logo, #first-may14 .logo, #feature-hero .logo { padding-top: 20px; width: 75%; float: left; }
  
  #second article { font-size: 1em; }
  #second article h2 { width: 54%; }
  #second .may14 { font-size: 2.4em; text-align: center;}
  #second .june14 { font-size: 2.4em; text-align: center;}

  #third .mainStory a { font-size: 20px }
  #third .supportStory { padding: 30px 0; margin-bottom: 0;}
  #third .pastConversation ul li {border-right: none; text-align: left; padding: 0 18px;}

  #fourth .indexLeft { display: none; }
  #fourth .number { display: none;}
  #fourth p.number { display: none;}

  #fourth h3, #fourth p.author, #fourth p { text-align: left; }
  #fourth h3 { line-height: 1.3em;}
  #fourth p.author { margin-bottom: 0 }

  #footer .left { float: none; text-align: left; max-width: 62% !important; margin: 0 30px; padding-top: 30px;  }
  #footer .right { float: none; text-align: left; width: 100% !important; margin: 0 30px; }
  #footer ul.tier2 { margin-top: 0;}
  #footer article { margin: -30px auto;}

  .bracket-top, .bracket-btm { display: none; }
  
  #about-feature-story { margin: 0 40px; position: relative; max-width: 90%; }
  #about .left { margin-left: 6px; margin-bottom: 60px;}
  
  #contact-form { position: relative; display: block; margin: 0 8px; }
  #contact-form h2 { margin-left: 0; text-align: left; font-size: 1.3em;}

  #archiveList ul li {padding: 0 0;}
  #archiveList .index-1, #archiveList .index-2, #archiveList .index-3 { background: none;}

  #classNotes-feature-title article h2 {text-decoration: none; line-height: 60px; width: 90%;}
  #classNotes-feature-title article h3 { font-size: 14px; }
  
  span.special-font {margin-left: 1px;}

  #gallery { max-width: 70%;}

  .navbar ul li {width: 220px;}

  #support .noHero { height: 206px; }

  #video { margin-top: 20px; }

  #feature-story article h4 { display: none;}
  #feature-story article p { text-align: left;}

  .right-height { height: 950px;}

  #fourth .index-1, #fourth .index-2 , #fourth .index-3 , #fourth .index-4 { background: none;}

  .overlay nav { font-size: 1.3em; margin-top: 70px; height: 500px;}
  .overlay .overlay-close { width: 30px; height: 30px; }

  .modal-gallery { width: 450px;}

  #footer .left img { width: 250px;}
 
  .navbar ul li img { width: 250px;}
}


/* 750 Screen Size */


@media only screen and (max-width: 750px) {

  #second, #third, #fourth { padding: 50px 0; }
  #second article { width: 90%; }
  #second article h2 { width: 80%; font-size: 1.4em; padding: 0;}
  #second .may14, .june14 {font-size: 2.2em; font-weight: 700;}
  #second .author {margin-right: 50px;}

  #fourth .indexRight { margin: 0 auto; width: 70% !important; }
  #fourth h1 { font-size: 1.8em;}

  #feature-title { position: relative; }
  #feature-title article { padding-top: 120px; font-size: .55em; }
  #feature-story article h4 {display: none;}
  #feature-story { padding: 0 0; }
  #feature-title article h2 { display: none;}
  

  #footer article { height: auto; text-align: left; }
  #footer .left { float: none; text-align: left; width: 100% !important; margin: 0 30px; padding-top: 30px;  }
  #footer .right { float: none; text-align: left; width: 100% !important; margin: 0 30px; }
  #footer .right ul li { width: 30%; font-size: 1.1em; border: none; padding: 10px 0; }

  #conversations .left { width: 84%; margin-top: 10px;}
  #conversations article { margin: 0 50px; }
  #conversations-imagery-1 { background-size: 200%; }

  .logo { padding-top: 25px; }

  header .dark { width: 96px; line-height: 1; }
  header p { width: 125px; float: left; line-height: 1;}
  header p span { font-size: 14px;}
  textarea { min-width: 82%; }

  #partingShot-head { padding-bottom: 50px; }
  #partingShot-text h2 { width: 70%;}

  #classNotes-imagery-1 {background: none; height: 0;}
  #classNotes-feature-title article h3 { line-height: 2;}

  #archiveList ul li {text-align: left;}
  #archiveList h3 { line-height: 1.3em;}

  #support-imagery-1 {background-size: 185%;}

  #support-imagery-1 article h2, 
  #support-imagery-2 article h2, 
  #support-imagery-3 article h2,
  #support-imagery-4 article h2,
  #support-imagery-5 article h2,
  #support-imagery-6 article h2,
  #support-imagery-7 article h2 { font-size: 1.4em; line-height: 1.2em;}

  #support article { padding: 0 0;}

  .noHero {height: 228px;}

  #video { max-width: 100%; }

  .form-group button { margin-right: 6.5%;}

  #conversations-imagery-1, 
  #conversations-imagery-2, 
  #conversations-imagery-3, 
  #conversations-imagery-4, 
  #conversations-imagery-5 { background: none; height: 0;}

  #feature-imagery-1, 
  #feature-imagery-2, 
  #feature-imagery-3, 
  #feature-imagery-4, 
  #feature-imagery-5 {display: none; }

  .overlay-hugeinc nav { perspecitve: 100%; webkit-perspective: 100%;}
  .overlay nav { overflow-y: hidden; position: relative; display: block; }
  .overlay ul li a { overflow-y: hidden; position: relative; display: block; }
  .overlay ul li { overflow-y: hidden; position: relative; line-height: 1; }

  span.special-font {font-size: 1.8em;}

  .bx-viewport { max-height: 175px; }

}


/* 1050 Screen Size */


@media only screen and (max-width: 1050px) {
  #feature-hero { background: url(../img/soldier.jpg) no-repeat top center fixed; background-size: 100%; min-height: 250px; }

	#first article, header { width: 90%; }
	#first .logo, #first-may14 .logo, #feature-hero .logo { padding-top: 20px; width: 90%; float: left; }

  textarea { width: 86%; margin-left: 5%; margin-right: 69px; }
  button { margin-right: 7%;}

  #main {overflow-x: hidden;}

	.hero { height: 350px; width: 100%; margin-top: -8px; }
	.month { padding-right: 0; }
	.navbar ul { width: 90%; }
	.explore { right: 5%; margin-left: none !important; }

  #feature-story article { width: 90%; }
  #feature-story .left { width: 100%; float: none; }
  #feature-story .right { width: 100%; float: none; margin: 30px 0;}
  #feature-story article h2, #feature-story article h2.may14 { height: auto; font-size: 1.4em; }
  #feature-title article h2 { margin-top: 82px; padding-left: 40px;}
  #feature-story article h3 { font-size: 1.3em; }
  #feature-story article h4 { margin-top: 0; font-size: 1.3em; }
  #feature-story article p { font-size: 1.2em; }

  #feature-title article { font-size: ;}
 
  #feature-imagery-1 { background: url(../img/vet-1.jpg) no-repeat center center; background-size: cover; }
  
  .imagery { height: 245px; }

  #second article h2 { text-align: center;}

  #third article, #fourth article { width: 90%; }
  #third .mainStory {  width: 100%; }
  #third .supportStory ul li { width: 100%; padding: 5px 0; }

  #fourth ul li {  width: 100%; padding: 30px 0;}
  #fourth .shell, #fourth .allFeatures { width: 100%; }
  #fourth .indexRight { width: 80%;}
  #fourth ul li:nth-child(2), #fourth ul li:last-child  { margin-left: 0;}

  #footer article { width: 100%; }
  #footer i { margin-bottom: 5px;}
  #footer { padding: 50px 0; height: 245px; }
  #footer .left { float: none; text-align: left; width: 100% !important; margin: 0 30px; padding-top: 30px;  }
  #footer .right { float: none; text-align: left; width: 100% !important; margin: 0 30px; }
  #footer .right ul li { width: 32%; font-size: 1em; border: none; padding: 10px 3px; }
  #footer ul.tier2 { margin-top: 0;}

  #contact-form h2 { margin-left: 5%; }
  #contact-form { max-width: 100%; }
  
  #about article { max-width: 100%; margin: 0 0;  padding: 20px 0; overflow: hidden;}
  #about .right { width: 90%; float: none; margin-left: 5%;}
  #about .left { width: 100%; float: none;}

  #feature-title { margin-top: -150px; }
  #feature-title article { width: 100%; }
  #feature-title article h2 { font-size: 4.5em; letter-spacing: 1px; text-decoration: uppercase; margin: 0 auto; padding: 0; margin-top: 175px; float: left; color: #ff6600;  }

  #about-feature-story { max-width: 92%; margin-top: 0; margin-left: 5%; position: relative;}
  .container { width: 100%; padding-bottom: 60px; }
  
  .bracket-top, .bracket-btm { width: 90%; margin: 0 20px; }

  #conversations article { padding: 0 0; width: 87%; margin: 0 40px;}
  #conversations .left { display: none;}
  #conversations .right { width: 100%; margin-bottom: 40px; }

  #archiveList h1 {width: 20%; margin-top: 0; margin-bottom: 0;}
  #archiveList article { width: 90%;}
  #archiveList .indexRight { width: 60%;}
  #archiveList ul li {width: 100%;}
  #archiveList ul li:nth-child(even) {margin-left: 0;}
  #archiveList .shell {width: 100%;}

  #partingShot-text p { padding: 5px 50px; }
  #partingShot-text div { padding-bottom: 18px; } 

  #classNotes-feature-title article h2 {text-align: left; color:#00234c; }
  #classNotes-feature-title article h3 {text-align: left; color:#00234c; margin: 10px 0;}
  #classNotes-feature-title { margin-top: 40px; margin-left: 50px;}
  #classNotes-feature-title article {width: 100%;}
  .classNotes-banner { height:350px;}

  #gallery { width: 80%; margin: 30px 60px;}

  #support article {width: 88%;}
  #support .right {width: 100%;}
  #support .left {width: 100%;}

  #support-imagery-1 .right, 
  #support-imagery-2 .right, 
  #support-imagery-3 .right, 
  #support-imagery-4 .right,
  #support-imagery-5 .right,
  #support-imagery-6 .right,   
  #support-imagery-7 .right { width: 50%; }

  #support-imagery-1 article, 
  #support-imagery-2 article, 
  #support-imagery-3 article, 
  #support-imagery-4 article, 
  #support-imagery-5 article,
  #support-imagery-6 article,
  #support-imagery-7 article { width: 100%; }

  #support-imagery-1 article h2, 
  #support-imagery-2 article h2, 
  #support-imagery-3 article h2, 
  #support-imagery-4 article h2,
  #support-imagery-5 article h2,
  #support-imagery-6 article h2, 
  #support-imagery-7 article h2 { padding-top: 10px; }

  #video { width: 88%; }

  #classNotes-feature-story { background: #ccc;}

 .mainArticle { border-right: none;}

 #support-web, #support-print, #support-other {margin-bottom: 31px;}

}


/* 2300 Screen Size */


@media only screen and (max-width: 2300px) {
	
  #support-imagery-1, 
  #support-imagery-2, 
  #support-imagery-3, 
  #support-imagery-4,
  #support-imagery-5,
  #support-imagery-6, 
  #support-imagery-7 { background-size: 150%; }

  #feature-imagery-2 { background: url(../img/vet-2.jpg) no-repeat center center; background-size: cover; }
 
}


/* Other */




@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}