/* Typography */

/* Headings */

h1 {
    font-family: 'Atyp Display', sans-serif;
    font-size: 5.4rem;
    line-height: 1.4;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    margin: 0 0 5rem;
    position: relative;
}

h2 {
    font-family: 'Atyp Display', sans-serif;
    font-size: 4.4rem;
    line-height: 1.4;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    margin: 2.4rem 0rem;
    position: relative;
}

h3 {
    font-family: 'Atyp Display', sans-serif;
    font-size: 3.4rem;
    line-height: 1.4;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    margin: 2.4rem 0rem 1.6rem;
    position: relative;
}

h4 {
    font-family: 'Atyp Display', sans-serif;
    font-size: 2.8rem;
    line-height: 1.4;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    margin: 2.4rem 0rem 1.6rem;
    position: relative;
}

h5 {
    font-family: 'Atyp Display', sans-serif;
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    margin: 0;
    position: relative;
}

h6 {
    font-family: 'Atyp Display', sans-serif;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    margin: 0;
    position: relative;
}

.super {
    font-size: 6.6rem;
    line-height: 1.4;
}

h3.looks-like-h2 {
    font-size: 4.4rem;
    margin: 2.4rem 0;
}

p {
    margin: 2.4rem 0;
}

.font-change {
    font-family: 'Atyp Display', sans-serif;
    font-weight: 500;
}

p.has-small-font-size {
    font-size: 1.6rem !important;
}

p.has-medium-font-size {
    font-size: 2rem !important;
    line-height: 1.6;
}

p.has-large-font-size {
    font-size: 2.8rem !important;
}

p.has-x-large-font-size {
    font-size: 2.8rem !important;
}

p.perex {
    margin-top: 1.6rem;
    margin-bottom: 2.4rem;
    font-size: 2.4rem;
}

p.label {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 4rem 0;
    font-size: 2.4rem;
    line-height: 1.5;
}

p.label span {
    font-family: 'Atyp Display';
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 500;
    display: inline-block;
}

p.icon {
    display: inline-block;
    text-align: left;
    padding: 0;
    margin: 0;
    font-weight: 900 !important;
}

p.icon span {
    font-family: 'Atyp Display';
    display: inline-block;
    font-weight: 500;
}

p.las {
    color: var(--red-alt);
    font-size: 2.4rem;
}

p.las::before {
    font-size: 2.4rem;
}

p.las span {
    color: var(--black);
}

p.las.has-text-align-center {
    display: block;
    width: 100%;
    text-align: center;
}

p.las.has-large-font-size {
    font-size: 6rem !important;
}

a {
    color: var(--black);
    text-decoration: underline;
}

a:hover {
    color: var(--black);
    text-decoration: none;
}

/* RESPONSIVE */

@media(max-width: 1600px) {}

@media(max-width: 1200px) {}

@media(max-width: 990px) {
    h1 {
        font-size: 4.4rem;
    }

    h2 {
        font-size: 3.6rem;
    }

    h3 {
        font-size: 3rem;
    }

    h3.looks-like-h2 {
        font-size: 3.6rem;
    }

    h4 {
        font-size: 2.4rem;
    }

    p.has-large-font-size {
        font-size: 2.4rem !important;
    }

    p.has-x-large-font-size {
        font-size: 2.4rem !important;
    }
}

@media(max-width: 750px) {}

@media(max-width: 600px) {}

@media(max-width: 400px) {}