@charset "utf-8";
/* CSS Document */

@media (max-device-width:812px) and (orientation:portrait) {
    
}

@media (max-width:568px) and (orientation:landscape) {}

@media (max-width:480px) and (orientation:portrait) {}

@media (max-width: 1299px) {}

@media (max-width:1099px) {}

@media (max-width: 799px) {}

@media (max-width: 699px) {
    .toggleMenu{display:block;}
    html, body{font-size: calc(70vw/16.8); line-height: calc(100vw/16.8);}
    h1 span{font-size: calc(60vw/16.8); line-height: calc(80vw/16.8); margin:calc(30vw/16.8) 0 0 0;}
    .h1{font-size: calc(90vw/16.8); line-height: calc(100vw/16.8); margin: 0 0 calc(100vw/16.8) 0;}
    p{margin: 0 0 calc(30vw/16.8) 0;}
    header .headerLogo{margin: calc(150vw/19.2) auto calc(100vw/19.2) auto; width: 60%; float: none;}
    header .socialHolder{float: none; width: 100%; text-align: center; font-size: calc(80vw/19.2); margin: 0 0 calc(50vw/19.2) 0;}
    header .socialHolder a, header .socialHolder a:last-child{margin: 0 calc(50vw/19.2);}
    header .languageHolder{position: absolute; top: calc(70vw/19.2); right: calc(70vw/19.2); margin: 0; width: calc(100vw/19.2);}
    header .languageHolder .item{margin: 0 0 calc(30vw/19.2) 0; width: calc(100vw/19.2);}
    header .headerMenu{display:none; margin:0px; background:rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%; position:fixed; top:0px; right:0px; bottom:0px; left:0px; padding:70px; text-align:center; z-index:5;}
	header .headerMenu li{margin: 0 0 20px 0; display: block; width: 100%;}
	header .headerMenu li a{font-size: 16px; line-height: 20px; color:#fff;}
	header .headerMenu>li:hover .subMenu{display:none;}
	header .headerMenu .subMenu{position:relative; background:none;}
	.pageBanner{margin:0 0 calc(150vw/19.2) -100%; width: 200%;}
    .homeSchoolHolder{background:none; padding:calc(150vw/19.2) 0;}
    .homeSchoolHolder .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2); margin: 0 0 calc(50vw/19.2) 0; text-align: center;}
    .homeSchoolHolder .text{margin:0 0 calc(100vw/19.2) 0; font-size: calc(70vw/19.2);}
    .homeSchoolHolder .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(40vw/19.2) calc(150vw/19.2);}
    .homeSchoolHolder .videoThumb .overlay .title{font-size: calc(90vw/19.2); line-height: calc(120vw/19.2);}
    .homeAboutHolder{background:none; padding:calc(150vw/19.2) 0;}
    .homeAboutHolder .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2); margin: 0 0 calc(50vw/19.2) 0;}
    .homeAboutHolder .text{margin:0 0 calc(100vw/19.2) 0; font-size: calc(70vw/19.2);}
    .homeAboutHolder .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(40vw/19.2) calc(150vw/19.2);}
    .homeMediaHolder{padding:calc(150vw/19.2) 0; background-position:50%;}
    .homeMediaHolder .col-lg-11{margin:0 0 calc(150vw/19.2) 0;}
    .homeMediaHolder .col-lg-11:last-child{margin:0;}
    .homeMediaHolder .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2);}
    .homeMediaHolder .title{font-size: calc(100vw/19.2); line-height: calc(100vw/19.2); margin: 0 0 calc(50vw/19.2) 0;}
    .homeMediaHolder .videoThumb{margin: 0 0 calc(50vw/19.2) 0;}
    .homeMediaHolder .videoThumb .overlay .title{font-size: calc(90vw/19.2); line-height: calc(120vw/19.2);}
    .homeMediaHolder .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(40vw/19.2) calc(150vw/19.2);}
    .homeMediaHolder .button .title{font-size: inherit; line-height: inherit;}
    .homeMediaHolder .button .fa{margin: 0 calc(50vw/19.2) 0 0; line-height: inherit;}
    .homePhotosHolder{padding:calc(150vw/19.2) 0; background-position:50%;}
    .homePhotosHolder .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2);}
    .homePhotosHolder .thumbHolder{padding:0 calc(60vw/19.2); margin: 0 0 calc(100vw/19.2) 0;}
    .homePhotosHolder .thumbHolder .title{font-size: calc(100vw/19.2); line-height: calc(100vw/19.2); margin: 0 0 calc(50vw/19.2) 0;}
    .homePhotosHolder .thumbHolder .thumb{margin:0 auto calc(50vw/19.2) auto;}
    .homePhotosHolder .thumbHolder .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(40vw/19.2) calc(150vw/19.2);}
    .homeRepertoireHolder{padding:calc(150vw/19.2) 0; background-position:50%;}
    .homeRepertoireHolder .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2);}
    .homeRepertoireHolder .linksHolder{font-size: calc(100vw/19.2); line-height: calc(100vw/19.2);}
    .homeRepertoireHolder .linksHolder .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(40vw/19.2) calc(150vw/19.2);}
    .homePressHolder{margin:0 0 calc(200vw/19.2) 0;}
    .homePressHolder .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2);}
    .homePressHolder .subTitle{font-size: calc(100vw/19.2); line-height: calc(100vw/19.2); margin: 0 0 calc(50vw/19.2) 0;}
    .homePressHolder .item{background-position: 50%; padding:calc(100vw/19.2); margin:0 0 calc(100vw/19.2) 0;}
    .homePressHolder .item .thumb{height:auto !important; margin:0 0 calc(50vw/19.2) 0;}
    .homePressHolder .item .date{font-size: calc(60vw/19.2); line-height: calc(80vw/19.2); margin: 0 0 calc(30vw/19.2) 0;}
    .homePressHolder .item .title{font-size: calc(100vw/19.2); line-height: calc(100vw/19.2); margin: 0 0 calc(100vw/19.2) 0; padding: 0 0 calc(100vw/19.2) 0; height:auto;}
    .homePressHolder .item .text{font-size: calc(70vw/19.2); line-height: calc(110vw/19.2); height: auto; margin: 0 0 calc(100vw/19.2) 0;}
    .homePressHolder .item .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(40vw/19.2) calc(150vw/19.2);}
    .homeCalendarHolder{margin:0 0 calc(200vw/19.2) 0;}
    .homeCalendarHolder .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2);}
    .table{margin-bottom:calc(100vw/19.2);}
    .table > tbody > tr > td{font-size: calc(70vw/19.2); line-height: calc(80vw/19.2); padding: calc(35vw/19.2);}
    .homeCalendarHolder .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(60vw/19.2) calc(150vw/19.2);}
    .aboutMeParagraph{margin: 0 0 calc(70vw/16.8) 0;}
    .aboutMeParagraph span{position:relative !important; left:auto !important; right:auto !important;}
    .mediaThumb .overlay .title{font-size: calc(90vw/19.2); line-height: calc(120vw/19.2);}
    .audioHolder{width: 90%; margin: 0 auto calc(80vw/19.2) auto;}
    .audioHolder .title{width:100%; line-height: normal;}
    footer{padding:0 0 calc(150vw/19.2) 0; text-align:center;}
    footer .mainTitle{font-size: calc(120vw/19.2); line-height: calc(120vw/19.2); margin: calc(100vw/19.2) 0;}
    footer .text{font-size: calc(70vw/19.2); line-height: calc(110vw/19.2); width:90%; margin:0 auto calc(100vw/19.2) auto; font-weight:400;}
    footer .audioHolder{width: 90%; margin: 0 auto calc(80vw/19.2) auto;}
    footer .audioHolder .title{width:100%; line-height: normal;}
    .audioHolder audio{width: 100%; transform: none;}
    footer .storeHolder{width: 28%; padding: 0; float: none; display: inline-block; margin:0 1% 5% 1%;}
    footer .button{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2); padding: calc(40vw/19.2) calc(150vw/19.2); display:inline-block; float:none; margin-bottom:calc(100vw/19.2);}
    footer .footerContact{font-size: calc(80vw/19.2); line-height: calc(120vw/19.2); overflow: hidden; text-align: center;}
    footer .footerContact .socialHolder{float: none; margin: 0 0 calc(50vw/19.2) 0;}
    footer .footerContact .socialHolder a:first-child, footer .footerContact .socialHolder a{margin: 0 calc(50vw/19.2);}
    footer .footerContact .email{float: none;}
    #backToTop{bottom: calc(100vw/19.2); right: calc(100vw/19.2); height: calc(250vw/19.2); width: calc(250vw/19.2); font-size: calc(130vw/19.2); line-height: calc(250vw/19.2);}
}