/* ------------- Color Pallete -------------*/

:root {
    --dark: #2f4858;
    --accent1: #d17a22;
    --accent2: #881600;
    --light: #e8f7ee;
}

/* ------------- Mobile Adjustments -----------*/

@media screen and (max-width: 600px) {
    .content {
        margin: 0px 16px;
        padding: 20px 0px;
    }
    .content img {
        max-width: 90vw;
        margin: 0 auto;
        display: block;
    }
    body {
        font-size: 24px;
        padding-top: 0;
    }
    nav ul {
        position: static;
        width: 100%;
    }
    nav ul li {
        float: none;
    }
}

/* --------------- Fonts ----------------*/

@font-face {
    /* Nuovavolte Bold */
    font-family: "nuovavolte";
    src: url("/Assets/Fonts/nuovavolte-bold-trial.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    /* Nuovavolte Light */
    font-family: "nuovavolte";
    src: url("/Assets/Fonts/nuovavolte-light-trial.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    /* Nuovavolte medium */
    font-family: "nuovavolte";
    src: url("/Assets/Fonts/nuovavolte-medium-trial.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    /* Nuovavolte regular */
    font-family: "nuovavolte";
    src: url("/Assets/Fonts/nuovavolte-regular-trial.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    /* Nuovavolte Semibold */
    font-family: "nuovavolte";
    src: url("/Assets/Fonts/nuovavolte-medium-trial.ttf") format("truetype");
    font-weight: 600;
}