@font-face {
    font-family: 'AmericanPurpose';
    src: url('https://www.season-of-mist.com/wp-content/themes/season-of-mist/assets/webfonts/AmericanPurpose.eot?#iefix') format('embedded-opentype'),
        url('https://www.season-of-mist.com/wp-content/themes/season-of-mist/assets/webfonts/AmericanPurpose.otf') format('opentype'),
        url('https://www.season-of-mist.com/wp-content/themes/season-of-mist/assets/webfonts/AmericanPurpose.woff') format('woff'),
        url('https://www.season-of-mist.com/wp-content/themes/season-of-mist/assets/webfonts/AmericanPurpose.ttf') format('truetype'),
        url('https://www.season-of-mist.com/wp-content/themes/season-of-mist/assets/webfonts/AmericanPurpose.svg#AmericanPurpose') format('svg');
    font-weight: normal;
    font-style: normal;
    display: swap;
}

html, body {
    font-family: 'AmericanPurpose';
    background-color: #000;
    margin: 0;
    padding: 0;
}

a {
    color: #fff;
    font-size: 32px;
    text-decoration: none;
    text-align: center;
}

.wrapper {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* height: 100vh; */
}

img {
    height: auto;
    max-height: 100%;
}

.img_relative {
    position: absolute;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#background {
    margin-left:auto;
    margin-right:auto;
    padding:0;
    position:relative;
    background-size: contain;
}

@media screen and (orientation: portrait) {
    #background {
        margin-top: 20%;
    }
}

/* 200x169 */
@media screen and (orientation: portrait) and (max-width: 249px), screen and (orientation: landscape) and (max-height: 211px) {
    #background {
        background: url('../images/splash/200x169/background.jpg') 0 0 no-repeat;
        width: 200px;
        height: 169px;
    }
    #website {
        top: 71px;
        left: 156px;
        width: 39px;
        height: 32px;
    }
    #website:hover {
        background: url('../images/splash/200x169/website.jpg') 0 0 no-repeat;
    }
    #shop_inter {
        top: 62px;
        left: 4px;
        width: 54px;
        height: 28px;
    }
    #shop_inter:hover {
        background: url('../images/splash/200x169/shop_inter.jpg') 0 0 no-repeat;
    }
    #shop_usa {
        top: 107px;
        left: 6px;
        width: 48px;
        height: 35px;
    }
    #shop_usa:hover {
        background: url('../images/splash/200x169/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 250x212 */
@media screen and (orientation: portrait) and (min-width: 250px) and (max-width: 331px), screen and (orientation: landscape) and (min-height: 212px) and (max-height: 280px) {
    #background {
        background: url('../images/splash/250x212/background.jpg') 0 0 no-repeat;
        width: 250px;
        height: 212px;
    }
    #website {
        top: 89px;
        left: 195px;
        width: 49px;
        height: 40px;
    }
    #website:hover {
        background: url('../images/splash/250x212/website.jpg') 0 0 no-repeat;
    }
    #shop_inter {
        top: 77px;
        left: 5px;
        width: 67px;
        height: 35px;
    }
    #shop_inter:hover {
        background: url('../images/splash/250x212/shop_inter.jpg') 0 0 no-repeat;
    }
    #shop_usa {
        top: 133px;
        left: 5px;
        width: 63px;
        height: 44px;
    }
    #shop_usa:hover {
        background: url('../images/splash/250x212/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 332x281 */
@media screen and (orientation: portrait) and (min-width: 332px) and (max-width: 369px), screen and (orientation: landscape) and (min-height: 281px) and (max-height: 312px ) {
    #background {
        background: url('../images/splash/332x281/background.jpg') 0 0 no-repeat;
        width: 332px;
        height: 281px;
    }
    /* Label Website */
    #website {
        top: 118px;
        left: 259px;
        width: 65px;
        height: 52px;
    }
    #website:hover {
        background: url('../images/splash/332x281/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 103px;
        left: 6px;
        width: 84px;
        height: 46px;
    }
    #shop_inter:hover {
        background: url('../images/splash/332x281/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 177px;
        left: 10px;
        width: 80px;
        height: 57px;
    }
    #shop_usa:hover {
        background: url('../images/splash/332x281/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 370x313 */
@media screen and (orientation: portrait) and (min-width: 370px) and (max-width: 428px), screen and (orientation: landscape) and (min-height: 313px) and (max-height: 362px) {
    #background {
        background: url('../images/splash/370x313/background.jpg') 0 0 no-repeat;
        width: 370px;
        height: 313px;
    }
    /* Label Website */
    #website {
        top: 132px;
        left: 289px;
        width: 72px;
        height: 58px;
    }
    #website:hover {
        background: url('../images/splash/370x313/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 114px;
        left: 7px;
        width: 100px;
        height: 52px;
    }
    #shop_inter:hover {
        background: url('../images/splash/370x313/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 197px;
        left: 11px;
        width: 89px;
        height: 64px;
    }
    #shop_usa:hover {
        background: url('../images/splash/370x313/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 429x363 */
@media screen and (orientation: portrait) and (min-width: 429px) and (max-width: 469px), screen and (orientation: landscape) and (min-height: 363px) and (max-height: 397px) {
    #background {
        background: url('../images/splash/429x363/background.jpg') 0 0 no-repeat;
        width: 429px;
        height: 363px;
    }
    /* Label Website */
    #website {
        top: 153px;
        left: 335px;
        width: 83px;
        height: 67px;
    }
    #website:hover {
        background: url('../images/splash/429x363/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 133px;
        left: 9px;
        width: 115px;
        height: 59px;
    }
    #shop_inter:hover {
        background: url('../images/splash/429x363/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 229px;
        left: 13px;
        width: 103px;
        height: 74px;
    }
    #shop_usa:hover {
        background: url('../images/splash/429x363/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 470x398 */
@media screen and (orientation: portrait) and (min-width: 470px) and (max-width: 520px), screen and (orientation: landscape) and (min-height: 398px) and (max-height: 440px) {
    #background {
        background: url('../images/splash/470x398/background.jpg') 0 0 no-repeat;
        width: 470px;
        height: 398px;
    }
    /* Label Website */
    #website {
        top: 168px;
        left: 367px;
        width: 91px;
        height: 73px;
    }
    #website:hover {
        background: url('../images/splash/470x398/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 146px;
        left: 9px;
        width: 127px;
        height: 64px;
    }
    #shop_inter:hover {
        background: url('../images/splash/470x398/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 251px;
        left: 15px;
        width: 112px;
        height: 81px;
    }
    #shop_usa:hover {
        background: url('../images/splash/470x398/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 521x441 */
@media screen and (orientation: portrait) and (min-width: 521px) and (max-width: 590px), screen and (orientation: landscape) and (min-height: 441px) and (max-height: 499px) {
    #background {
        background: url('../images/splash/521x441/background.jpg') 0 0 no-repeat;
        width: 521px;
        height: 441px;
    }
    /* Label Website */
    #website {
        top: 186px;
        left: 407px;
        width: 101px;
        height: 81px;
    }
    #website:hover {
        background: url('../images/splash/521x441/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 161px;
        left: 10px;
        width: 140px;
        height: 72px;
    }
    #shop_inter:hover {
        background: url('../images/splash/521x441/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 278px;
        left: 16px;
        width: 125px;
        height: 90px;
    }
    #shop_usa:hover {
        background: url('../images/splash/521x441/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 591x500 */
@media screen and (orientation: portrait) and (min-width: 591px) and (max-width: 649px), screen and (orientation: landscape) and (min-height: 500px) and (max-height: 549px) {
    #background {
        background: url('../images/splash/591x500/background.jpg') 0 0 no-repeat;
        width: 591px;
        height: 500px;
    }
    /* Label Website */
    #website {
        top: 211px;
        left: 462px;
        width: 114px;
        height: 92px;
    }
    #website:hover {
        background: url('../images/splash/591x500/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 183px;
        left: 12px;
        width: 158px;
        height: 81px;
    }
    #shop_inter:hover {
        background: url('../images/splash/591x500/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 315px;
        left: 18px;
        width: 142px;
        height: 102px;
    }
    #shop_usa:hover {
        background: url('../images/splash/591x500/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 650x550 */
@media screen and (orientation: portrait) and (min-width: 650px) and (max-width: 710px), screen and (orientation: landscape) and (min-height: 550px) and (max-height: 601px) {
    #background {
        background: url('../images/splash/650x550/background.jpg') 0 0 no-repeat;
        width: 650px;
        height: 550px;
    }
    /* Label Website */
    #website {
        top: 232px;
        left: 508px;
        width: 126px;
        height: 101px;
    }
    #website:hover {
        background: url('../images/splash/650x550/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 202px;
        left: 13px;
        width: 174px;
        height: 89px;
    }
    #shop_inter:hover {
        background: url('../images/splash/650x550/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 347px;
        left: 20px;
        width: 155px;
        height: 111px;
    }
    #shop_usa:hover {
        background: url('../images/splash/650x550/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 711x602 */
@media screen and (orientation: portrait) and (min-width: 711px) and (max-width: 767px), screen and (orientation: landscape) and (min-height: 602px) and (max-height: 649px) {
    #background {
        background: url('../images/splash/711x602/background.jpg') 0 0 no-repeat;
        width: 711px;
        height: 602px;
    }
    /* Label Website */
    #website {
        top: 254px;
        left: 556px;
        width: 137px;
        height: 110px;
    }
    #website:hover {
        background: url('../images/splash/711x602/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 221px;
        left: 14px;
        width: 191px;
        height: 97px;
    }
    #shop_inter:hover {
        background: url('../images/splash/711x602/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 380px;
        left: 22px;
        width: 170px;
        height: 122px;
    }
    #shop_usa:hover {
        background: url('../images/splash/711x602/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 768x650 */
@media screen and (orientation: portrait) and (min-width: 768px) and (max-width: 831px), screen and (orientation: landscape) and (min-height: 650px) and (max-height: 703px) {
    #background {
        background: url('../images/splash/768x650/background.jpg') 0 0 no-repeat;
        width: 768px;
        height: 650px;
    }
    /* Label Website */
    #website {
        top: 274px;
        left: 601px;
        width: 148px;
        height: 119px;
    }
    #website:hover {
        background: url('../images/splash/768x650/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 238px;
        left: 16px;
        width: 205px;
        height: 105px;
    }
    #shop_inter:hover {
        background: url('../images/splash/768x650/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 410px;
        left: 24px;
        width: 183px;
        height: 131px;
    }
    #shop_usa:hover {
        background: url('../images/splash/768x650/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 832x704 */
@media screen and (orientation: portrait) and (min-width: 832px) and (max-width: 886px), screen and (orientation: landscape) and (min-height: 704px) and (max-height: 750px) {
    #background {
        background: url('../images/splash/832x704/background.jpg') 0 0 no-repeat;
        width: 832px;
        height: 704px;
    }
    /* Label Website */
    #website {
        top: 297px;
        left: 651px;
        width: 160px;
        height: 129px;
    }
    #website:hover {
        background: url('../images/splash/832x704/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 258px;
        left: 17px;
        width: 223px;
        height: 114px;
    }
    #shop_inter:hover {
        background: url('../images/splash/832x704/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 444px;
        left: 26px;
        width: 198px;
        height: 142px;
    }
    #shop_usa:hover {
        background: url('../images/splash/832x704/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 887x751 */
@media screen and (orientation: portrait) and (min-width: 887px) and (max-width: 938px), screen and (orientation: landscape) and (min-height: 751px) and (max-height: 794px) {
    #background {
        background: url('../images/splash/887x751/background.jpg') 0 0 no-repeat;
        width: 887px;
        height: 751px;
    }
    /* Label Website */
    #website {
        top: 317px;
        left: 694px;
        width: 171px;
        height: 137px;
    }
    #website:hover {
        background: url('../images/splash/887x751/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 275px;
        left: 18px;
        width: 238px;
        height: 122px;
    }
    #shop_inter:hover {
        background: url('../images/splash/887x751/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 474px;
        left: 28px;
        width: 211px;
        height: 152px;
    }
    #shop_usa:hover {
        background: url('../images/splash/887x751/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 939x795 */
@media screen and (orientation: portrait) and (min-width: 939px) and (max-width: 987px), screen and (orientation: landscape) and (min-height: 795px) and (max-height: 835px) {
    #background {
        background: url('../images/splash/939x795/background.jpg') 0 0 no-repeat;
        width: 939px;
        height: 795px;
    }
    /* Label Website */
    #website {
        top: 335px;
        left: 735px;
        width: 180px;
        height: 146px;
    }
    #website:hover {
        background: url('../images/splash/939x795/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 291px;
        left: 19px;
        width: 252px;
        height: 129px;
    }
    #shop_inter:hover {
        background: url('../images/splash/939x795/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 502px;
        left: 29px;
        width: 224px;
        height: 160px;
    }
    #shop_usa:hover {
        background: url('../images/splash/939x795/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 988x836 */
@media screen and (orientation: portrait) and (min-width: 988px) and (max-width: 1038px), screen and (orientation: landscape) and (min-height: 836px) and (max-height: 879px) {
    #background {
        background: url('../images/splash/988x836/background.jpg') 0 0 no-repeat;
        width: 988px;
        height: 836px;
    }
    /* Label Website */
    #website {
        top: 352px;
        left: 773px;
        width: 190px;
        height: 154px;
    }
    #website:hover {
        background: url('../images/splash/988x836/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 307px;
        left: 20px;
        width: 235px;
        height: 134px;
    }
    #shop_inter:hover {
        background: url('../images/splash/988x836/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 528px;
        left: 31px;
        width: 235px;
        height: 168px;
    }
    #shop_usa:hover {
        background: url('../images/splash/988x836/shop_usa.jpg') 0 0 no-repeat;
    }
}

/* 1039x880 */
@media screen and (orientation: portrait) and (min-width: 1039px), screen and (orientation: landscape) and (min-height: 880px) {
    #background {
        background: url('../images/splash/1039x880/background.jpg') 0 0 no-repeat;
        width: 1039px;
        height: 880px;
    }
    /* Label Website */
    #website {
        top: 371px;
        left: 813px;
        width: 200px;
        height: 161px;
    }
    #website:hover {
        background: url('../images/splash/1039x880/website.jpg') 0 0 no-repeat;
    }
    /* International Shop */
    #shop_inter {
        top: 322px;
        left: 21px;
        width: 278px;
        height: 142px;
    }
    #shop_inter:hover {
        background: url('../images/splash/1039x880/shop_inter.jpg') 0 0 no-repeat;
    }
    /* North America Shop */
    #shop_usa {
        top: 555px;
        left: 33px;
        width: 247px;
        height: 177px;
    }
    #shop_usa:hover {
        background: url('../images/splash/1039x880/shop_usa.jpg') 0 0 no-repeat;
    }
}