/** FONTS **/
/*@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-bold-webfont.woff2') format('woff2'),
         url('../font/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-bolditalic-webfont.woff2') format('woff2'),
         url('../font/poppins-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}*/

@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-medium-webfont.woff2') format('woff2'),
         url('../font/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/*@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-mediumitalic-webfont.woff2') format('woff2'),
         url('../font/poppins-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}*/

@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-regular-webfont.woff2') format('woff2'),
         url('../font/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-italic-webfont.woff2') format('woff2'),
         url('../font/poppins-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/*
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-light-webfont.woff2') format('woff2'),
         url('../font/poppins-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins-lightitalic-webfont.woff2') format('woff2'),
         url('../font/poppins-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}*/

@font-face {
    font-family: 'Butler';
    src: url('../font/butler_bold-webfont.woff2') format('woff2'),
         url('../font/butler_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/** STYLES **/
body {font-family: 'Poppins', sans-serif; color:#242f56; font-size:13px;}
.home {background:#fff url('../img/pattern.png') repeat top left; background-size:50%; font-size:16px;}
    .container {display:block; width:36%; max-width:480px; position:absolute; top:50%; left:50%; background-color:#fff; border:10px solid #242f56; text-align:center;
    -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
    .container:after {content:''; display:block; padding-bottom:100%;}
        .inner {display:block; position:absolute; top:50%; left:50%; 
            -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
            .inner .logo {display:block; width:45%; margin:0 auto .4em;}
            .inner h1 {font-family: 'Butler', serif; font-weight:700; font-size:2.5em; text-transform:uppercase; margin:0;}
            .inner h2 {font-weight:500; text-transform:uppercase; font-size:1em; color:#eb5d35; margin:0;}
            .inner .sublogo {display:block; width:31%; margin:.4em auto 0;}
            .inner .schedule {display:flex; margin:1em 0 0; flex-wrap:wrap; flex-direction:row; line-height:1.4;}
            .inner .schedule > dt {width:50%; margin:0; text-align:right; padding-right:1em; box-sizing:border-box;}
            .inner .schedule > dd {width:50%; margin:0; text-align:left; padding-left:1em; box-sizing:border-box; font-weight:700; color:#e8512e;}

    footer {display:block; background-color:#fff; width:100%; position:fixed; padding:.7em; bottom:0; left:0; text-align:center; border-top: 2px solid #242f56;}
            footer p {display:inline-block; vertical-align:middle; margin:0;}
            .footer_social {display:block; position:absolute; right:1.8em; bottom:.4em;}
            .footer_social a {display:inline-block; vertical-align:middle; width:26px; height:26px; margin-right:.2em; text-indent:-999px; overflow:hidden;}
            .facebook_link{background:transparent url('../img/facebook.svg') no-repeat center center;}
            .instagram_link{background:transparent url('../img/instagram.svg') no-repeat center center;}

@media all and (max-width:980px) {
    .container{width:50%;}
    .home{background-size:70%;}
}

@media all and (max-width:700px) {
    .container{width:70%;}
    .home{background-size:80%;}
}

@media all and (max-width:600px) {
    .container{width:75%;}
}

@media all and (max-width:550px) {
    body {font-size:14px;}
}

@media all and (max-width:480px) {
    .container{width:85%;}
    .home{background-size:90%;}

    .footer_social{position:static; margin-top:.4em;}
}

@media all and (max-width:430px) {
    .container{width:95%;}
}

@media all and (max-width:380px) {
    .home{background-size:120%;}
    .inner .logo {width:40%;}
    .inner h1 {font-size:2em;}
    .inner h2 {font-weight:500; font-size:.8em; text-transform:uppercase; color:#eb5d35; margin:0;}
    .inner .sublogo {display:block; width:28%; margin:.6em auto 0;}
}