:root {
    /*    font-size: 62.5%;*/
    /*Color*/
    --clr-white: #ffffff;
    --clr-grey: #686868;
    --clr-orange: #D2733F;
    --clr-light-orange: #EA9A48;
    --clr-light-blue: #71B2B7;
    --clr-dark-green: #233C45;
    --clr-dot: #FAF8F6;

    /*Font Size*/
    --fs-14-12: 14px;
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-24: 24px;
    --fs-30-20: 30px;

    /*Font Weight*/
    --fw-300: 300;
    --fw-400: 400;
    --fw-700: 700;

    --transition: all 0.3s;
}

html,
body {
    font-family: "Maxima Nouva", Sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Megafield", Sans-serif !important;
}

p {
    margin: 0 !important;
}


@media screen and (max-width: 768px) {
    :root {
        --fs-14-12: 12px;
        --fs-30-20: 20px;
    }
}