/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
    .hero-text-box {
        width: 100%;

    }
    
    .row { width : 96%; padding: 0 2%; }
    .row980 { width : 96%; padding: 0 2%; }
    .row1200 { width : 96%; padding: 0 2%; }



    img
    {
    max-width: 100%;
    }

.registrationbutton
{ 
    font-size : 16px;

}
}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {

    section { padding: 10px 0; }
    
    div#wrapper
    {
     height : auto;
     min-height: auto;
    }

    .registrationbutton
{ 
    font-size : 16px;

}

    
    .long-copy {
        width: 80%;
        margin-left: 10%;
    }
    
    .steps-box { margin-top: 10px; }
    .steps-box:last-child { margin-top: 10px; }
    .works-steps { margin-bottom: 40px; }
    .works-step:last-of-type { margin-bottom: 60px; }
    
    .app-screen { width: 50%; }
    
    .icon-small { 
        width: 17px;
        margin-right: 5px;
    }

    .contact-form { width: 80%; }




#footer
{
    width : 100%;
}
    

.breadcrumbs-wrap
{
	    width : 100%;
}

.mobilepaddingtop12
{
padding-top: 12px;
}

}


@media only screen and (max-width: 950px) {    
    .homepageb
{ 
    border-left : none; 

}
.mobile
{
display: inline-block;
}
.nomobile
{
display: none;
}
.registrationbutton
{ 
    font-size : 16px;

}

h1.intro
{
    line-height : 30px;
}
h1
{

    margin: 4px 0 0 0 ;

}

div .margintop50
{
     margin-top: 10px;
}
.margintop50
{
     margin-top: 10px;
}

#footer
{
    width : 90%;
}
    }
/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    body { font-size: 16px; }
    section { padding: 0; }
    
    .row,

    .col { 
        width: 100%;
        margin: 0 0 0 0;
        padding-bottom: 2px;
    }

. mobiletop
{
paddingtop: 6px;
}

.aquaticsbox
{
    width : 40%;
}
    
.greenregisterbutton
{
    margin: 8px auto;
}




.sidenav
{
    margin: 0 auto 10px auto;
    width: 60%;
}

div.rightnav
{
    border-left : none;
    display: none;
}


div.rightnavhome
{
    border-left : none;
}




   #fourbox {

    width : 60%;
    margin: 0 auto;
    height: auto;

} 
#fourbox .one {

    height : auto;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

#fourbox .two {

    height : auto;
    padding-bottom: 10px;
    margin-bottom: 8px;
}
#fourbox .three {

    height : auto;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

#fourbox .four {

    height : auto;
    padding-bottom: 10px;
}
    .mobileclick
    {
    display: inline-block;
    }
    
    .mobilepaddingleft20
    {
    padding-left : 20px;
    }
.paddingleft60
{
    padding-left : 10px; 
}

.marginleft60
{
    margin: auto;
}

    
    .row40{
    padding-top: 10px;
    }
    
    .row1000{
    padding-top: 0;
    }
    

    .logo {
        margin: 0 auto 0 auto;
        text-align: center;
        padding-top: 0; 
    }

    
    h2 {
        font-size: 110%;
        margin-bottom: 4px;
    }
    section .story {
        padding: 0;
    }

     section .instafeed {
        padding: 0;
    }

    .registrationbutton
{ 
    font-size : 14px;

}

    
    .long-copy {
        width: 100%;
        margin-left: 0%;
    }
    
    .app-screen { width: 40%; }
    .steps-box:first-child { text-align: center; }

  .paddingtop20,
  .paddingtop10,
  .paddingtop30
    {
        padding-top: 4px; 
    }
    
  .paddingtop24
    {
        padding-top: 4px; 
    }
    .paddingtop40
     {
        padding-top: 4px; 
    }
    
       .paddingtop60
    {
        padding-top: 4px; 
    }
    
.col .paddingtop60
{
    padding-top: 4px;
}   


.secondarypage .paddingtop70
{
    padding-top: 4px;
}   

div .col .paddingtop70
{
    padding-top: 4px;
}
    .paddingbottom24
    {
        padding-bottom: 24px; 
    }

    .paddingbottom60
    {
        padding-bottom: 12px; 
    }

    
.faqpadding
{
    padding-left : 0;
    margin: 0 auto;
}


.faqimage img
{
    width : auto;
    height : 400px;
    margin: auto;
    text-align: center;
}

    
    .logo {
    width : 90%;
}

    .logo img{
    width : 90%;
}

/* vision */
span.text-content {

  width: 100%;

}

ul.img-list li {
  width: 100%;
}

.mailchimp-box {
width: 70%;
font-size : 80%;
}

.questions
{
    width : 90%;
    margin: auto;
}

.mailchimp-box .button {

font-size : 60%;
}

/* FORMS */

.formrow { margin-left: 2%; width: 90%;}
.formrow .label { width: 90%; font-weight: bold; text-align: left; }
.formrow .input, .formrow .input input { width: 90%; margin-right : 2%; }
.formrow .comment { width: 90%; margin-right : 2%; }

.formrow select { max-width: 90%; }
.formrow .input .formrow_80 { width: 86%; }

.formrow .center {padding-left: 1%;}
.formrow .padding35 {padding-left: 1%;}


footer {
    padding: 0;

    margin-top: 0;
    height : auto;

}

.footer-nav {
    float: none;
    padding-top: 10px; 
    font-size : 100%;
    text-align: center;
}


.social-links {
    float: none;
}


.phoneicon
{
padding-left : 20px;
}


.footer-nav li,
.social-links li {
    margin-right: 10px;
}

footer p {
    margin-top: 6px;
}


    }

/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    section { padding: 0; }
    .contact-form {width: 100%; }
    
#fourbox {

    width : 80%;
    margin: 0 auto;

} 

.aquaticsnotice
{
    width : 70%;
}

 .aquaticsbox
{
    width : 70%;
    text-align: center;
    margin: 0 auto;
}
   
.paddingright30 
{
padding-right : 6px;
}
.paddingright150
{
padding-right: 10px;
}

.paddingleft150
{
padding-left: 10px;
}
.mailchimp-box {
width: 90%;
font-size : 120%;
}

.dancewide table { 

        width: 100%;

}

.width700
{
    width : 90%;
}

.accordiontextleft
{
    text-align: center !important;
}


}