/**
* Media Queries
*/

/* breakpoints */

@media(max-width: 630px){
#header-logo{top: 5%; left: 32%; width: 30%;}
#header-nav-1, #header-nav-2{display: none;}
#header-title span:first-child{font-size: 5em;}
#header-title span:last-child{display: none;}

h1{font-size: 12vw;}
h2{font-size: 8vw; margin-top: -9vw;}

.widget-container{width: 100%;}
.widget-item{font-size: 1em;}
.img-container{display: none;}
.widget-reveal{display: block;}
.widget-item h3{font-size: 4vw;}

.office-box{width: 80%;}
#office-wrapper{margin-bottom: 30px;}
.office-img img{
	width: 10vh;
	border-width: 4px;
}

#contact{padding-top: 0;}
#contact-title{float: none;}
#contact-wrapper{padding-top: 15vh;}
#contact-wrapper{display: block; padding-top: 5vh; width: 100%; margin-bottom: 0; height: auto;}
#footer{padding-top: 60px;}
#footer-section-2{display: block;}
#footer-section-1 img{width: 30%;}

#class{padding-top: 0; min-height: 60vh;}
.subtitle{font-size: 2em; padding-left: 0;}
.class-info{font-size: 1.1em; text-align: justify;}
.class-img-wrapper div{display: none;}
.class-img-wrapper div:first-child{display: block; width: 50%; margin: auto}
#teacher-wrapper{display: block;}
.teacher-box{
	display: block;
	width: 100%;
}
.teacher-name{font-size: 1.3em;}
.teacher-info{text-align: justify;}
.teacher-img img{height: 15vh; margin:  auto}

#show{padding-top: 10px;}
#next-show-wrapper, #show-wrapper{display: block;}
.next-show-box{display: block; width: 100%;}
.show-box{width: 100%;}
.next-show-name{margin: 0 auto 10px auto;}
.next-show-name span{transform: none;}
.next-show-date{text-align: center; font-size: 1.1em;}
.next-show-info{font: normal 1em 'Nunito';}
.show-poster{text-align: center;}
.show-poster img{width: 10vh;}
.show-info div:first-child{font-size: 2.2em; text-align: center;}
.show-info div:last-child{margin-left:  10px;}
.show-gallery{width: 100%; padding: 5px;}
.next-show-info a{text-align: center; display: block; font-size: 1.2em;}

#signup{padding-top: 10px;}
.class-box{width: 100%;}
.class-box-info{padding-top: 10px;}
.class-box .age{display: none;}
.class-box .age-smartphone{display: block; text-align: center; color: #fa739d;}
#registration-title{background: none;}
#registration-form a{width: 100%; margin-bottom: 10px;}

#header-title span:first-child{font-size: 3em; line-height:  3vh;}
.walking-img{width: 40%; border-width: 4px;}
#walking-img2{transform: rotate(3deg);}
#walking-img3{transform: rotate(-3deg);}
#walking-animator-box{display: block;}
#walking-animator-img{text-align: center;}
#walking-animator-img img{width: 10vh; border-width: 3px;}
#walking-info{text-align: justify;  margin-bottom: 10px;}
.planing-wrapper{display: block;}
.planing-box{width: 100%; margin-bottom: 10px;}
.planing-img-wrapper div{width: 40%;}
.planing-img-wrapper div:nth-child(1), .planing-img-wrapper div:nth-child(2){display: none;}

#smartphone-navbar-icon{display: block;}
#smartphone-navbar{width: 100%; height: auto;}
#smartphone-navbar:after{display: none;}
#smartphone-navbar a{font-size: 4vh;}
}