@font-face {
    font-family: "suisse bold";
    src: local("SuisseIntl-Bold");
    src: url('font/bold/SuisseIntl-Bold-WebM.eot'); /* IE9 Compat Modes */
    src: url('font/bold/SuisseIntl-Bold-WebM.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/bold/SuisseIntl-Bold-WebM.woff') format('woff'), /* Pretty Modern Browsers */
    url('font/bold/SuisseIntl-Bold-WebM.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('font/bold/SuisseIntl-Bold-WebM.svg') format('svg'); /* Legacy iOS */
    font-weight: bold;
}

@font-face {
    font-family: "suisse regular";
    src: local("SuisseNeue-Light");
    src: url('font/light/SuisseNeue-Light-WebS.eot'); /* IE9 Compat Modes */
    src: url('font/light/SuisseNeue-Light-WebS.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/light/SuisseNeue-Light-WebS.woff') format('woff'), /* Pretty Modern Browsers */
    url('font/light/SuisseNeue-Light-WebS.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('font/light/SuisseNeue-Light-WebS.svg') format('svg'); /* Legacy iOS */
}

* {
    box-sizing: border-box;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

html,
body {
    padding: 0;
    margin: 0;
    min-width: 100%;
    min-height: 100vh;
    cursor: crosshair;
}
body{
    display: flex;
    justify-content:center;
    align-items: center;
}
div{
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    max-width: 1920px;
    max-height: 1080px;
}

b {
    font-family: "suisse bold", sans-serif;
}

img{
    width: 35%;
}

p{
    margin:0;
    font-family:'suisse regular';
    font-size: min(17pt, 1.5vw);
}

a, a:hover, a:visited{
    color: #f36c42;
    text-decoration: underline;
}

@media only screen and (max-width : 768px){
    body{
        padding: 2.5rem 0;
    }
    .desktop {
        display: none;
    }
    
    .mobile {
        display: block;
    }

    div{
        flex-direction: column;
        max-width: unset;
        max-height: unset;
    }

    img{
        width: 80vw;
    }

    p{
        margin-top: 1em;
        font-size: min(28pt, 4vW);
    }
}
