/**** Mobile First Media Queries ****/


/*** Up to 5200px ***/
@media only screen and (max-width: 325em) {
    
body {
    font-size: 200%;
}     
    
.mobile_nav_button {
    display: none;
}
    
/* Section 1 */

.section1 {
    height: 26.75em;
}   
   
#demo1 {
    display: block;
}
    
#demo1_mobile {
    display: none;
}   
  
    
/* Section 2 */  

.section2 {
    height: auto;
}    

.powered-by-smith {
    height: 57em;
}    
    
.form-submit {
    width: 12%;
}  
    
/* Section 3 Schools */

.section3 .background-fix {
	height: 48em;
}

.section3-modal {
    top: 65%;
}
    
.section3-button {
    top: 15%;
}    
    
div.school-links p {
    float: left;
    width: 49.9%;
    margin: 0 auto;
} 
    
p.border  {
    border-right: 1px solid #6c7079;
}

p.border_top {
    border-top: 1px solid #6c7079;
}
    
    
/* Section 4 Six Partners */

.section4 {
    height: auto;
}

.section4-logos {
    width: 25%;
}
    
div.sixpartners p {
    font-size: 1.2em;
}    

    
/* Section 5 Events */

.section5  {
    height: 29em;
}

.events-blocks {
    float: left;
    width: 30%;
    margin: 1% 1.65%;
}
    
.events-blocks p {
    font-size: .75em;
}   
    

/* Section 6 Meet Larry */

.section6 {
    height: 55em;
}

.section6-modal {
    left: 58%;
    top: 46%;
}
    
.play-button-2 {
    padding-top: 28em;
}   
  
.line {
    width: 45%;
    left: 27%;
}      
}    


/* Footer */

.social-icons li img {
	width: 6%;
} 

.footer-text ul {
    font-size: .9em;
}     
}


/*** Up to 3904px ***/
@media only screen and (max-width: 244em) {
    
body {
    font-size: 150%;
}
    
    
/* Section 2 Six Words Memoir*/

.form-submit {
    width: 15%;
    height: 5em;
}
}



/*** Up to 2640px ***/
@media only screen and (max-width: 165em) {
    
body {
    font-size: 120%;
}
    
.form-submit {
    height: 5.8em;
}   
    
.line {
    width: 55%;
    left: 23%;
}

/* Section 3 */



/* Section 5 */



}


/*** Up to 2000px ***/
@media only screen and (max-width: 125em) {
   
body {
    font-size: 115%;
} 


    
 
/* Section 2 Six Words Memoir*/
 
    
.form-submit {
    height: 5.6em;
}

/* Section 3 */



/* Section 5 */



/* Section 6 */
    
.line {
    width: 65%;
    left: 18%;
}    
}


/*** Up to 1840px ***/
@media only screen and (max-width: 115em) {
 
body {
    font-size: 115%;
} 


 
/* Section 3 */    
.section3-button {
    top: 11%;
}



/* Section 5 */



}


/*** Up to 1360px ***/
@media only screen and (max-width: 85em) {

body {
    font-size: 100%;
}



/* Section 2 Six Words Memoir*/
 
    
.form-submit {
    height: 4.8em;
}
    
/* Section 3 Schools */


    
/* Section 5 */

.section5 {
    height: 29em;
}   
    

    
/* Footer */

.social-icons li img {
	width: 7%;
}      
}


/*** Up to 1200px ***/
@media only screen and (max-width: 75em) {
  
body {
    font-size: 95%;
}



/* Section 1 */

.section1 .inner h1 {
    width: 35%;
    padding-top: 20%;
}   


/* Section 2 Six Words Memoir*/

    
.form-submit {
    height: 4.4em;
}
 
/* Section 3 */



/* Section 5 */

.section5 {
    height: 29em;
}



/* Section 6 Meet Larry */
  
.play-button-2 {
} 
    
/* Footer */

.social-icons li img {
	width: 8%;
} 
    
.footer-text ul {
    font-size: .9em;
}    
}


/*** Up to 1040px ***/
@media only screen and (max-width: 65em) {
    
body {
    font-size: 90%;
}    
    
.header {
    max-width: 60em;
}

.section {
    max-width: 60em;
}

/* Section 3 Schools */
 
.section3-button {
    top: 11%;
}    
    
.expand {
    max-width: 60em;
}

div.schools_divider {
    max-width: 60em;
}
    
/* Section 5 Events */

.section5 {
    height: 29em;
}

.events-blocks {
    margin: 1% 1.6%;
}  

div.section5-content {
    max-width: 60em;
}

div.events_divider {
    max-width: 60em;
} 
    

/* Section 6 Meet Larry */
    
.play-button-2 {
}  
    
/* Footer */

.social-icons li img {
	width: 13%;
}
    
.footer-text ul {
    margin-top: 20px;
    font-size: .9em;
}    
}



/*** Up to 960px ***/
@media only screen and (max-width: 60em) {
  
body {
    font-size: 80%;
}
    

/* Section 1 */

.section1 .inner h1 {
    width: 35%;
    padding-top: 20%;
}

    
/* Section 2 Six Words Memoir*/
 
.form-input {
    margin: 0 3%;
    width: 70%;
    font-size: 1.5em;

}

.form-submit {
    width: 20%;
    height: 5.5em;
}


/* Section 3 Schools */

.section3-modal {
    top: 65%;
}

.section3-button {
    top: 10%;
}

    
/* Section 5 Events */

.section5 {
    height: 29em;
}

.events-blocks {
    float: none;
    width: 90%;
    margin: 1% 5%;
}
    
.events-blocks p {
    font-size: 1.2em;
}    
    

/* Section 6 Meet Larry */
               
}



/*** Up to 800px ***/
@media only screen and (max-width: 50em) {
  
body {
    font-size: 75%;
}
    
/* Header */

.top-logo {
    width: 29em;
}    
    
    
/* Section 2 Six Words Memoir*/

    
.form-input {
    width: 75%;
	height: 2.5em;
    margin: 0 2%;
}

.form-submit {
    width: 18%;
    height: 5.25em;
}



/* Section 3 Schools */

.section3-button {
    top: 8.5%;
}
    
/* Section 4 */

.section4 .inner {
    width: 100%;
}

.section4-logos {
    min-width: 24.5%
}    

/* Section 6 Meet Larry */
    
.play-button-2 {
}             
}


/*** Up to 720px ***/
@media only screen and (max-width: 45em) {
 
body {
    font-size: 70%;
}

/* Header */
    
.header {
	padding: 1em 0 2% 0;
} 
    
.top-logo {
    width: 29em;
}
        
    
/* Menu */
    
.main_menu {
    display: none;
    height: 0;
}
    
#demo1 {
    display: none;
}
    
#demo1_mobile {
    display: block;
}
    
.sy-controls {
    display: none;
}    
    
.sy-controls li a {
    display: none;   
}
    
    
/* .main_menu .inner {
    display: none;
    height: 0;
}
      
.mobile_nav_button {
    display: none;
    width: 1em;
}
    
ul.mobile_nav {
    display: block;
}    

.panel {
    position: fixed;
    left: -15.625em; /*left or right and the width of your navigation panel
    width: 15.625em; /*should match the above value
    background-color: #fff;
}

h3.mobile_nav {
    padding: 0;
}

.mobile_nav {
    padding-left: 10%;
    list-style: none;
    font-size: 1.5em;
}

a.mobile_nav {
    text-decoration: none;
}

.mobile_nav_button {
    font-size: 5em;
    text-decoration: none;
} */
    
    
/* Section 1 */

.section1 {
    height: 30em;
} 
    
/* Section 2 Six Words Memoir*/
   
.form-input {
    width: 70%;
}

.form-submit {
    width: 20%;
    height: 4.8em;
} 

.section2 {
    height: 79em;
}    
  

/* Section 3 Schools */
    
.section3-button {
    top: 8%;
} 

/* Section 4 */

.section4 .inner {
    width: 100%;
}

.section4-logos {
    min-width: 24.5%;
}

/* Section 5 */

.section5 {
    height: 29em;
}
    
/* Section 6 Six Partners */
    
div.sixpartners p {
    font-size: 1.8em;
}   

    
/* Section 6 Meet Larry */
 
.play-button-2 {
}         
}


/*** Up to 608px ***/
@media only screen and (max-width: 38em) {   
 
/* Section 1 */

.section1 {
    height: 22em;
}
    
    
/* Section 2 Six Words Memoir*/
  
.section2 {
    height: 72em;
} 
}


/*** Up to 560px ***/
@media only screen and (max-width: 35em) {
 
body {
    font-size: 55%;
}  
    
 
/* Section 1 */

.section1 {
    height: 22em;
}
    
    
/* Section 2 Six Words Memoir*/
  
.section2 {
    height: 79em;
} 
    
.form-submit {
    height: 3.8em;
}


/* Section 3 Schools */

.section3-button {
    top: 4.5%;
}
    
.section3-button {
    top: 7.5%;
} 
    
div.school-links p {
    float: none;
    width: 99%;
}  
    
p.border  {
    border-right: none;
}

p.border_top {
    border-top: none;
}   
    
p.border_none {
    border-bottom: none;
}

/* Section 4 */

.section4 .inner {
    width: 100%;
}

.section4-logos {
    min-width: 24%;
}
    
/* Section 5 */

.section5 {
    height: 29em;
}

/* Section 6 Meet Larry */

.section6-modal {
    left: 57%;
}
    
.play-button-2 {
    padding-top: 40em;
}              
}



/*** Up to 480px ***/
@media only screen and (max-width: 30em) {
 
body {
    font-size: 50%;
}
    
/* Section 1 */

.section1 {
    height: 22em;
} 
    
    
/* Section 2 */  

.section2 {
    height: 74em;
}    

.powered-by-smith {
    height: 60em;
}    

.form-submit {
    height: 3.5em;
}
   

/* Section 3 Schools */

.section3 .background-fix {
	height: 40em;
}

.section3-modal {
    top: 59%;
}
  
.section3-button {
    top: 13%;
}     

/* Section 4 Six Partners */   
    
.section4-logos {
    width: 28%;
}

.section4 .inner {
    width: 100%;
}   

.section4 .background-fix {
    height: 33em;
}
    
/* Section 5 Events */
    
.section5 {
    height: 20em;
}

.events-blocks p {
    font-size: 1.1em;
}     


/* Section 6 Meet Larry */   

.play-button-2 {
    padding-top: 28em;
}    

.section6-modal {
    top: 40%;
    left: 54%;
}         
}


/*** Up to 448px ***/
@media only screen and (max-width: 28em) {
    
    
/* Section 1 */

.section1 {
    height: 22em;
} 
 

/* Section 2 */  

.section2 {
    height: 67em;
} 
}


/*** Up to 400px ***/
@media only screen and (max-width: 25em) {

body {
    font-size: 45%;
}
    
    
/* Section 1 */

.section1 {
    height: 22em;
} 
 

/* Section 2 */  

.section2 {
    height: 63em;
}    

.powered-by-smith {
    height: 50em;
}    

.form-submit {
    height: 3.1em;
}    

    
/* Section 3 Schools */

.section3 .background-fix {
	height: 33em;
}
    
.section3-modal {
    top: 56%;
}  

.section3-button {
    top: 15%;
}    
    

/* Section 4 Six Partners */

.section4 .background-fix {
    height: 22em;
}

.section4-logos {
   width: 24%;
}

.section4 .inner {
    width: 94%;
}   

.section4 .background-fix {
    height: 28em;
}
    
/* Section 5 Events */
    
.events-blocks p {
    font-size: 1.5em;
}      
  

/* Section 6 Meet Larry */

.play-button-2 {
    padding-top: 21.2em;
}           
}


/*** Up to 368px ***/
@media only screen and (max-width: 23em) {

    
/* Section 1 */

.section1 {
    height: 20em;
} 
    

/* Section 2 */  

.section2 {
    height: 58em;
}    
}


/*** Up to 320px ***/
@media only screen and (max-width: 20em) {

    
/* Section 1 */

.section1 {
    height: 18em;
} 
    

/* Section 2 */  

.section2 {
    height: 54em;
}    

.powered-by-smith {
    height: 48em;
}    
    
.form-submit {
    height: 3.1em;
}  
    
    
/* Section 3 */
    
.section3-button {
    top: 15%;
}   

/* Section 4 */

.section4 .inner {
    width: 94%;
}   

.section4 .background-fix {
    height: 25em;
}

/* Section 6 */
    
    
}


/*** Up to 288px ***/
@media only screen and (max-width: 18em) {
    
    
/* Section 1 */

.section1 {
    height: 18em;
} 
      

/* Section 2 */  

.section2 {
    height: 59em;
}    

.powered-by-smith {
    height: 45em;
}

}


/*** Up to 256px ***/
@media only screen and (max-width: 16em) {

body {
    font-size: 40%;
}
    
  
/* Section 1 */

.section1 {
    height: 12em;
}
    

.section1 .inner h1 {
    width: 60%;
    padding-top: 20%;
}


/* Section 2 Six Words Memoir*/
 
.section2 {
    height: 40em;
}    
   
.form-submit {
    height: 2em;
}    


/* Section 3 Schools */

.section3 .background-fix {
	height: 33em;
}   
    
.section3-modal {
    top: 51%;
}   

.section3-button {
    top: 4%;
}     
   

/* Section 4 Six Partners */

.section4 .background-fix {
    height: 26em;
} 
    
/* Section 5 Events */
    
.events-blocks p {
    font-size: 1.5em;
}    

/* Section 6 Meet Larry */

.play-button-2 {
    padding-top: 23em;
}       
}