:root {
    --color-primary: #f05a5d;
    --color-primary-rgb: 240 90 93;

    /* Fonts */
    --body-font-family: "RoobertRegular", Arial, sans-serif;
    
    --body-font-size: 2.2rem;

    --body-font-family-medium: "RoobertMedium", Arial, sans-serif;
    --font-size-large: 6.5rem;
    --font-weight-large: 400;

    font-size: 50%;

    /* Paddings and margins */
    --section-padding: 10rem 18rem;
}

@media (min-width: 576px) {
    :root {
        font-size: 62.5%;
    }
}

@media (min-width: 768px) {
    :root {
        font-size: 29.5%;
    }
}

@media (min-width: 992px) {
    :root {
        font-size: 35%;
    }
}

@media (min-width: 1199px) {
    :root {
        font-size: 45%;
    }
}

@media (min-width: 1400px) {
    :root {
        font-size: 52%;
    }
}

@media (min-width: 1600px) {
    :root {
        font-size: 56.5%;
    }
}

@media (min-width: 1720px) {
    :root {
        font-size: 58.5%;
    }
}

@media (min-width: 1920px) {
    :root {
        font-size: 62.5%;
    }
}

body {
    font-family: var(--body-font-family);
    line-height: 1;
    font-size: var(--body-font-size);
    font-weight: 300;
    background-color: #fff;
    color: #000;
}

strong {
    font-weight: 700;
}