/*  -------------------------------------------------------------
    CSS - STYLE :
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Filename:       style.css
    Date:           Jun 8, 2017
    Author:         Halo Media LLC - http://www.halopowered.com/
    -------------------------------------------------------------   */


/*  =============================================================================
    general
    ========================================================================== */
body { color: #000; font-family: "Courier New", Courier, monospace; font-weight: 300; line-height: 1; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale!important; }
a, div, h1, h2, footer, header, ul, ol, li { color: inherit; font-weight: inherit; font-size: inherit; text-align: inherit; }
a { text-decoration: none; }
    a:hover { text-decoration: none; }
h1, h2 { margin: 0; }

.container { max-width: 960px; }
.align-center { text-align: center; }

.main-header { padding: 30px 0; font-weight: bold; }
    .title { font-size: 50px; }
    .subtitle { font-size: 40px; }

.video-embed { padding-top: 60px; }
    .embed { max-width: 100%; margin-bottom: 10px; padding-bottom: 50%; position: relative; overflow: hidden; }
        .embed iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.main-footer { padding: 55px 0 10px 0; text-transform: uppercase; }
    .footer-link { font-size: 16px; }
    .footer-legal { font-size: 10px; }
        .main-footer ul { margin-bottom: 20px; padding-left: 0; }
        .main-footer .emoji { margin-bottom: 125px; }
            .footer-item { padding: 0 5px; border-right: 1px solid #000; display: inline-block; vertical-align: middle; letter-spacing: normal; }
            .footer-item:last-child { border-right: none; }
                .footer-item a { font-weight: bold; }


/*  =============================================================================
    mediaquery
    ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width : 959px) and (max-width: 1140px) {
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

}
/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 960px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .subtitle { font-size: 25px; }
    .footer-item { margin-bottom: 20px; }
}