@charset "utf-8";
/* CSS Document */
@media (max-width: 649px) {
    .nonMobile{display:none;}
    .mobile{display:block;}
    .toggleMenu{display:block;}
    a#left {width: 100%; height: 50%;}
    a#right {width: 100%; top: 50%; height: 50%;}
    
    .h1{font-size: 38px; line-height:1; margin:0 0 30px 0;}
    .delimiter{margin:0 auto 50px auto;}
    nav{min-width:100%;}
    header .headerLeft{float: none; text-align: center; padding: 0; font-size: 12px; line-height: 1.2; min-height: auto; margin: 0 0 10px 0; font-weight:400;}
    header .headerLeft .icon{display:none;}
    header .headerRight{float: none; padding: 0; font-size: 12px; line-height: 1.2; min-height: auto; text-align: center; font-weight:400;}
    header .headerRight .icon{display:none;}
    header .headerLogo{position: relative; left: auto; top: auto; transform: none; width:51%; display: block; margin:20px auto 0 auto;}
    .iframe{width:95%;}
    section#mainBanner{margin:0 0 50px 0;}
    section#box1,section#box2{padding:0; margin:0 0 50px 0;}
    section#box1 .media,section#box2 .media{width: 100%; bottom: auto; height: 300px; position: relative;}
    section#box1 .text,section#box2 .text{width: 100%; padding: 30px; background: #f2f2f2; line-height: 1.5; text-align:center;}
    section#box2 .text{float: none;}
    section#box2 .media1 .media{top: unset; bottom: unset; right: unset; position: relative;}
    section#gallery .title{font-size:30px; margin:0 0 30px 0;}
    section#gallery .item{width:50%;}
    section#contact .title{font-size:30px; margin:0 0 10px 0;}
    section#contact input.half{width: 100%; margin:0;}
    section#about > div{flex-flow: wrap-reverse;}
    section#about > div .img{width: 100%;margin-bottom: 20px;}
    section#about > div .text{width: 100%;}
    section#box2 .media1 .media{width: 100%;}
    footer{text-align:center;}
    footer .left{float:none; clear:both; margin:0 0 20px 0;}
    footer .footerLogo{width: 51%; float: none; margin: 0 auto 10px auto; display: block;}
    
    footer .right{float: none; width: 100%; clear: both;}
    footer .right .item{margin: 0 0 20px 0; float: none; width: 100%;}
}