@font-face {
    font-family: Heavitas;
    src: url(/fonts/Heavitas.ttf);
}

body { margin: 0; padding: 0; background-color: #000; font-family: Heavitas; }
body a { color: #fff; }
#logo #top_logo { width: 100%; }
#social_icons_hdr { position: relative; }
#social_icons_hdr .social-icons { position: absolute; top: 20px; right: 6vw; }
#app_btn_container { position: relative; }
#go_play_btns {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
}
#go_play_btns .play_btn { display: inline-block; width: 15%; }
#go_play_btns .play_btn img { max-width: 100%; }
#go_play_enjoy {
        padding-left: 11.72%;
        width: 1241px;
        max-width: 60%;
}
#jesse { position: relative; z-index: 1; display: flex; align-items: center; }
#jesse_img { width: 20%; max-width: 358px; padding-left: 14.72%; margin-top: -4%; }
#jesse_txt_container { margin-left: 30px; margin-right: 15%; }
#jesse_title { font-size:3vw; line-height: 3vw; color: #ffb800; text-transform: uppercase; }
#jesse_copy { font-size: 2vw; line-height: 2.5vw; color: #fff; text-transform: uppercase; margin-top: 15px; }
#jesse_btn { width: 345px; max-width: 40%; margin-top: 20px; }
#game_screens { margin-top: -4%; }
#game_screens img { width: 100%; max-width: 1920px; }
#playnow { margin-top: 20px; width: 50%; margin: 0 auto; text-align: center; }
#playnow_title { font-size:3vw; line-height: 3vw; color: #ffb800; text-transform: uppercase; }
#playnow_copy { font-size: 2vw; line-height: 2.5vw; color: #fff; text-transform: uppercase; margin-top: 15px; }
#playnow_btn { width: 354px; max-width: 40%; margin-top: 20px; }
#game_characters { display: inline-block; margin-top: 40px; width: 100%; }
#characters_container { width: 90%; max-width: 1860px; margin: 0 auto; }
#game_characters .char-container { width: 20%; max-width: 349px; float: left; text-align: center; position: relative; } 
#game_characters .char-container img { width: 100%; }
#game_characters .char-container .char-title { width: 100%; font-size:1vw; line-height: 2vw; color: #ffb800; text-transform: uppercase; position: absolute; bottom: 25%; text-align: center; }
#footer { margin: 40px 6vw 20px; display: flex; justify-content: space-between; align-items: center; }
#footer_logo { width: 15vw; max-width: 287px; }
.footer-links { text-align: center; color: #fff; font-size: 1.5vw; }
.footer-links a { font-size: 1.5vw; }
.social-icons a { margin-left: 2vw; }
.social-icons img { width: 2vw; max-width: 25px; }