/* =========================================================
   GLOBAL CONTENT CONTAINER
========================================================= */


html,
body,
button,
input,
textarea,
select {
    font-family: "Roboto", sans-serif;
    margin: 0;
}

body {
    font-size: 18px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
picture,
video,
canvas,
svg {
    max-width: 100%;
    height: auto;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li {
    font-family: inherit;
}

.container {
    width: 100%;
    max-width: calc(1631px + 30px);
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}


h2 {

    font-size: 48px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

/* =========================================================
   LARGE DESKTOP
   Figma design: 1920px
========================================================= */



/* =========================================================
   DESKTOP / LAPTOP
========================================================= */




/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {
    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {
    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 18px;
    }
}