/* fonts */
@font-face {
    font-family : 'WR_FuturaPTBold';
    src         : url('fonts/FuturaPTBold.eot');
    src         : url('fonts/FuturaPTBold.woff') format('woff'),
    url('fonts/FuturaPTBold.ttf') format('truetype'),
    url('fonts/FuturaPTBold.svg') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'WR_FuturaPTBook';
    src         : url('fonts/FuturaPTBook.eot');
    src         : url('fonts/FuturaPTBook.woff') format('woff'),
    url('fonts/FuturaPTBook.ttf') format('truetype'),
    url('fonts/FuturaPTBook.svg') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'WR_ZillaSlab-Bold';
    src         : url('fonts/ZillaSlab-Bold.eot');
    src         : url('fonts/ZillaSlab-Bold.woff') format('woff'),
    url('fonts/ZillaSlab-Bold.ttf') format('truetype'),
    url('fonts/ZillaSlab-Bold.svg') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family: 'FuturaPT-Medium';
    src: url('fonts/FuturaPT-Medium.woff2') format('woff2'),
        url('fonts/FuturaPT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-Heavy';
    src: url('fonts/FuturaPT-Heavy.woff2') format('woff2'),
        url('fonts/FuturaPT-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


/* fonts */

body {
    margin-top : 90px;
}

.section_separator {
    border-bottom : 1px solid #7b7b7b;
    margin-top    : 30px;
    margin-bottom : 30px;
    opacity       : 0.231;
}

#return-to-top {
    position              : fixed;
    bottom                : 20px;
    right                 : 20px;
    background            : rgb(0, 0, 0);
    background            : rgba(0, 0, 0, 0.7);
    width                 : 50px;
    height                : 50px;
    text-decoration       : none;
    -webkit-border-radius : 35px;
    -moz-border-radius    : 35px;
    border-radius         : 35px;
    display               : none;
    -webkit-transition    : all 0.3s linear;
    -moz-transition       : all 0.3s ease;
    -o-transition         : all 0.3s ease;
    transition            : all 0.3s ease;
    z-index               : 99;
}

#return-to-top i {
    color              : #ffffff;
    margin             : 0;
    position           : relative;
    left               : -15px;
    top                : 13px;
    font-size          : 19px;
    -webkit-transition : all 0.3s ease;
    -moz-transition    : all 0.3s ease;
    -o-transition      : all 0.3s ease;
    transition         : all 0.3s ease;
}

#return-to-top:hover {
    background : rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color : #ffffff;
    top   : 5px;
}

/* iPad Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    body {
        margin-top : 65px;
    }
}

/* iPad Portrait */

/* iPhone X */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-min-device-pixel-ratio : 3) {
    body {
        margin-top : 49px;
    }
}

/* iPhone X */

/* iPhone 6, 7, 8 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    body {
        margin-top : 49px;
    }
}

/* iPhone 6, 7, 8 */

/* iPhone 6 Plus, 7 Plus, 8 Plus */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
    body {
        margin-top : 49px;
    }
}

/* iPhone 6 Plus, 7 Plus, 8 Plus */

/* iPhone 5, 5s */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    body {
        margin-top : 49px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    body {
        margin-top : 76px;
    }
}

/* iPhone 5, 5s */
