:root {
    --screen-width: 1920px;

    --black: #222223;
    --white: #FAFAF2;
    --grey: #d1baa7;
    --sand: #e0bd9b;
    --beige: #f6e8ca;
    --salmon: #f1bc9e;
    --yellow: #f3b06c;
    --pink: #ee7460;

    --h1-size: 102px;
    --h2-size: 60px;
    --h3-size: 35px;
    --h4-size: 28px;
    --h5-size: 20px;

    --logo_height: 66px;
    --logo_margin_top: 35px;

    --screen_height: 1080px;
    --menu_elements_top_padding: 200px;
}

html, body {
    position:relative;
    overflow-x:hidden;
  }

body {
    width: 100%;
    max-width: 1920px;
    margin: 0;
    position: block;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--salmon);
}

#logo {
    max-width: 1920px;
    width: 100%;
    height: var(--logo_height);
    margin-top: var(--logo_margin_top);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 998;
}

#logo_img {
    position: relative;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

#logo_img_img {
    height: 100%;
    padding: 0;
    margin: 0;
}

#menu_desktop {
    position: relative;
    width: 100%;
    top: auto;
    padding-top: calc(0.5 * var(--logo_height) + var(--logo_margin_top));
    display: flex;
    justify-content: space-evenly;
    z-index: 999;
}

@media screen and (max-width: 750px) {
    #menu_desktop {
        display: none;
    }
}

#menu_desktop a {
    color: var(--black)
}

.display-none {
    display: none;
}

.sticky {
    position: sticky;
}

#terms {
    position: relative;
    padding-top: calc(0.4 * var(--logo_height) + var(--logo_margin_top));
    padding-bottom: var(--logo_margin_top);
}

h3 {
    width: 80%;
    text-align: center;
    padding-top: var(--h3-size);
    padding-left: 10%;
}

h4 {
    width: 80%;
    text-align: center;
    padding-top: var(--h5-size);
    padding-left: 10%;
    font-family: 'made_mirage_boldbold';
}

@media screen and (max-width: 750px) {

    h3 {
        font-size: var(--h1-size);
    }
}

.paragraphs {
    width: 80%;
    padding-left: 10%;
    font-family: 'made_mirage_boldbold';
    font-weight: bold;
    font-size: var(--h5-size);
    line-height: calc(1.25 * var(--h5-size));
}

.italic {
    width: 80%;
    padding-left: 10%;
    font-family: 'made_mirage_boldbold';
    font-style: italic;
    font-weight: bold;
    font-size: var(--h5-size);
    line-height: calc(1.25 * var(--h5-size));
}

@media screen and (max-width: 750px) {

    .paragraphs {
        font-size: var(--h2-size);
        line-height: calc(1.25 * var(--h2-size));
    }

    .italic {
        font-size: var(--h2-size);
        line-height: calc(1.25 * var(--h2-size));
    }
}