/*@font-face {
    font-family: "SFUIDisplay";
    src: url("./fonts/SFUIDisplay-Black.ttf"),
        url("./fonts/SFUIDisplay-Bold.ttf"),
        url("./fonts/SFUIDisplay-Heavy.ttf"),
        url("./fonts/SFUIDisplay-Light.ttf"),
        url("./fonts/SFUIDisplay-Medium.ttf"),
        url("./fonts/SFUIDisplay-Thin.ttf"),
        url("./fonts/SFUIDisplay-Ultralight.ttf");
}*/

@font-face {
    font-family: 'SFUIDisplay';
    src: 
        url("./fonts/SFUIDisplay-Black.ttf"),
        url('./fonts/woff/SFUIDisplay-Black.woff');
    font-weight: 700;
}
@font-face {
    font-family: 'SFUIDisplay';
    src: 
        url("./fonts/SFUIDisplay-Bold.ttf"), 
        url('./fonts/woff/SFUIDisplay-Bold.woff');
    font-weight: 600;
}
@font-face {
    font-family: 'SFUIDisplay';
    src: 
        url("./fonts/SFUIDisplay-Heavy.ttf"), 
        url('./fonts/woff/SFUIDisplay-Heavy.woff');
    font-weight: 500;
}
@font-face {
    font-family: 'SFUIDisplay';
    src: 
        url("./fonts/SFUIDisplay-Light.ttf"), 
        url('./fonts/woff/SFUIDisplay-Light.woff');
    font-weight: 400;
}
@font-face {
    font-family: 'SFUIDisplay';
    src: 
        url("./fonts/SFUIDisplay-Medium.ttf"), 
        url('./fonts/woff/SFUIDisplay-Medium.woff');
    font-weight: 300;
}
@font-face {
    font-family: 'SFUIDisplay';
    src: 
        url("./fonts/SFUIDisplay-Thin.ttf"), 
        url('./fonts/woff/SFUIDisplay-Thin.woff');
    font-weight: 200;
}
@font-face {
    font-family: 'SFUIDisplay';
    src: 
        url("./fonts/SFUIDisplay-Ultralight.ttf"), 
        url('./fonts/woff/SFUIDisplay-Ultralight.woff');
    font-weight: 100;
}



/*@font-face {
    font-family: "SFUIText";
    src: url("./fonts/SFUIText-Regular.ttf");
    font-weight: 100;
}
@font-face {
    font-family: "SFUIText";
    src: url("./fonts/SFUIText-Bold.ttf");
    font-weight: 700;
}*/

body {
    height: 100vh;
    margin: 0;
    padding: 0;
    transition: all 0.5s;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p, b, i, strong, span, li {
    font-family: "SFUIDisplay";
    /*font-family: "SFUIText";*/
}

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

a {
    cursor: pointer;
}

.submenu-active {
    margin-top: 4em!important;
}

@media screen and (min-width: 768px) {
    .submenu-active.full-page {
        margin-top: 16em!important;
    }
    .submenu-active {
        margin-top: 7em!important;
    }
}
@media screen and (min-width: 1024px) {
    .submenu-active.full-page {
        margin-top: 18em!important;
    }
    .submenu-active {
        margin-top: 8.5em!important;
    }
}
@media screen and (min-width: 1250px) {
    .submenu-active.full-page {
        margin-top: 20em!important;
    }
    .submenu-active {
        margin-top: 11.5em!important;
    }
}

@media screen and (max-width: 576px) {
    .submenu-active.full-page {
        height: 100%;
    }
}