@charset "UTF-8";
@media (max-width: 1300px) {
    .wrapper {
        padding: 0 50px;
    }
}
@media (max-width: 1100px) {
    #menu ul li a {
        margin: 0px 6px;
        padding: 0px 8px;
        font-size: 1.3em;
    }
}
@media (max-width: 1050px) {
    .event-text {
        width: 70%
    }
}
@media (max-width: 950px) {
    #left-col, #right-col {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    #left-col {
        padding-bottom: 40px;
    }
    #menu ul li:first-child a {
        display: none;
    }
    #menu ul li:nth-child(2) a {
        margin-left: 0;
        padding-left: 0;
    }
    #panel-promo h2 {
        padding: 300px 50px 0 50px;
        font-size: 4.0em;
    }
    #panel-promo p {
        padding: 50px 50px 0 50px;
    }
    .button, #panel-promo a.button {
        margin: 40px auto 0 auto;
    }
}
/* -------------------  MOBILE ------------------- */
@media (max-width: 850px) {
    #content1, #content2 {
        float: none;
        width: 100%;
    }
    #content2 {
        padding: 0;
    }
    #event-list {
        display: block;
    }
    #event-list li {
        margin-bottom: 10px;
        width: 100%
    }
    #menu, #search-bar {
        display: none;
    }
    #logo {
        width: 140px;
        margin-right: 20px;
    }
    #header {
        height: 70px;
    }
    #header-right {
        width: 50%;
        float: left;
    }
    #layerslider {
        margin-top:80px;
    }
    #mobile-menu-icon, #panel-mobile-menu {
        display: block;
        z-index: 2000;
    }
    #slogan h1 {
        font-size: 3.2em;
    }
    #search-box {display:none;}
}
@media (max-width: 620px) {
    .wrapper {
        padding: 0 30px;
    }
    #slogan h2, #slogan a {
        display: none;
    }
    #slogan {
        margin-top: -130px;
        margin-bottom: 55px;
    }
    #panel-promo h2 {
        padding: 250px 50px 0 50px;
        font-size: 4.0em;
    }
}
@media (max-width: 550px) {
    #logo, #ib-logos {
        display: none;
    }
    #logo-small {
        display:block;
        width: 200px;
    }
    #logo-small img {
        width: 100%;
    }
    #layerslider {
        height: 270px !important;
        width: 540px !important;
    }
    #slogan h1 {
        font-size: 3.0em;
    }
    #right-col {
        width:120%;
        margin: 0 -10%;
    }
    #panel-welcome {
        padding-bottom: 0;
    }
}
@media (max-width: 480px) {
    h1 {
        font-size:3.0em;
    }
    h2 {
        font-size:2.6em;
    }
    #panel-welcome {
        padding-top: 0;
    }
    #panel-video {
        padding: 0;
        background: #fff;
    }
    #panel-video .wrapper {
        padding: 0;
    }
    #panel-promo h2 {
        padding: 200px 30px 0 30px;
        font-size: 3.6em;
    }
    #panel-promo p {
        padding: 50px 30px 0 30px;
    }
}

@media (max-width: 400px) {
    #panel-event h2 {
        text-align: center;
    }
    .event-date {
        float: none;
        margin: 0 auto 20px auto;
    }
    .event-text {
        float: none;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
    #principal-title {
        width: 100%;
        float: none;
    }
    #principal-title h3, #principal-title h4 {
        text-align: center;
    }
    #principal-photo {
        float: none;
        width: 120px;
        margin: 0 auto
    }
}