@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?7mrw0u');
    src: url('../fonts/icomoon.eot?7mrw0u#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?7mrw0u') format('truetype'), url('../fonts/icomoon.woff?7mrw0u') format('woff'), url('../fonts/icomoon.svg?7mrw0u#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-mail-envelope-closed:before {
    content: "\e900";
}

.icon-deezer:before {
    content: "\e902";
}

.icon-tiktok:before {
    content: "\e901";
}

.icon-facebook:before {
    content: "\ea91";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-spotify:before {
    content: "\ea94";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-youtube:before {
    content: "\ea9d";
}

.icon-appleinc:before {
    content: "\eabe";
}

.icon-soundcloud:before {
    content: "\eac3";
}

@font-face {
    font-family: 'twt-x';
    src: url('../fonts/twt-x.eot?jjyo3s');
    src: url('../fonts/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
        url('../fonts/twt-x.ttf?jjyo3s') format('truetype'),
        url('../fonts/twt-x.woff?jjyo3s') format('woff'),
        url('../fonts/twt-x.svg?jjyo3s#twt-x') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="twt-"],
[class*=" twt-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'twt-x' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.twt-x:before {
    content: "\e901";
}

@font-face {
    font-family: 'suisse_intlsemi_bold';
    src: url('../fonts/suisseintl-semibold-webfont.woff2') format('woff2'), url('../fonts/suisseintl-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0px;
    background: #22120F;
}

body::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url('../images/ABnotext@2x.jpg') no-repeat;
    background-size: cover;
    z-index: -1;
    background-position: center center;
    background-position: top 30% center;
}



ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.date-text1 {
    font-size: 1.5vw;
    letter-spacing: 0.050vw;
    line-height: 2.5vw;
    color: #000;
    font-family: 'suisse_intlsemi_bold';
    padding-bottom: 0.7916vw;
}

div#pageContent {
    margin-top: -5vw;
}


@media only screen and (max-width: 1024px) and (orientation:portrait) {

    body::after {
        background: url(../images/MobileABnotext@2x.jpg) no-repeat;
        background-size: cover;
    }

    .date-text1 {
        font-size: 3.2vw !important;
    }

    body::after {
        background: url('../images/MobileABnotext@2x.jpg') no-repeat;
        background-size: cover;
        background-position: top 40% center;
    }
}