body,
html {
    font-size: 16px;
    line-height: 22px;
}

h1,
h2,
h3 {
    font-family: $Regular-L;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

h1,
h2 {
    letter-spacing: $letterI1;
}

h1 {
    font-size: $fontH1;
    line-height: $lineH96;

    a {
        color: $blue!important;
        font-family: $Regular-L;
        font-size: $fontH1;
        line-height: $lineH96;
    }
}

h2 {
    font-size: $fonth2;
    line-height: $lineH30;
    color: $blue!important;
    background: white;
}

h3 {
    letter-spacing: 0.2rem;
    font-size: $font32;
}

h5 {
    font-family: $Roboto-B;
    font-weight: normal;
    font-size: $fontH5;
    margin: 10px 0;
}

a,
del,
li,
p,
ul {
    font-family: $Roboto-R;
    font-weight: normal;
    font-size: $fontp;
    line-height: 1.5rem;
    margin: 0;
    padding: 0;
}

em {
    font-family: $Roboto-I;
    font-weight: normal;
}

strong {
    font-family: $Roboto-B;
    font-weight: normal;
}

header {
    nav {
        ul {
            li {
                a {
                    font-family: $Regular-L;
                    font-size: $fontnav;
                    line-height: $lineH40;
                    letter-spacing: $letterI1;
                    color: $blue!important;
                }
            }
        }
    }

    .logo {
        #user {
            p {
                font-size: $font32;
                font-family: $Regular-L;
                line-height: $lineH32;
                letter-spacing: $letterI1;
            }
        }

        .why_lsdo {
            h3 {
                font-size: $h3;
                letter-spacing: $letterI1;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}

#home {
    & > p {
        font-family: $Roboto-L;
        text-align: center;
        font-size: $fontPi;
        line-height: $lineH24;
    }
}

.grav-youtube {
    margin-top: 20px;
}

.section-content {
    h3 {
        font-family: $Regular-L;
        text-align: center;
        color: black!important;
        text-transform: inherit;
        letter-spacing: 0.1rem!important;
        white-space: nowrap;
    }
}

.sous-section {
    h3 {
        font-family: $Regular-L;
        text-align: center;
        color: $h3-color;
        background-color: $section;
        white-space: nowrap;
    }
}

.galerie {
    p {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
}

.item {
    h4 {
        font-family: $Roboto-B;
        text-transform: none;
        font-size: $h3;
        text-align: center;
        color: $red;
        letter-spacing: normal!important;
        font-weight: normal;
    }
}

.item-etapes {
    h4 {
        font-size: $h3;
        color: white;
    }

    .txt {
        & > * {
            color: white;
        }
    }
}

#contact {
    p {
        strong {
            font-family: $Regular-L;
            font-weight: normal;
            font-size: $h3;
            letter-spacing: $letterI1;
            color: $blue;
        }
    }
}

footer {
    h3 {
        margin: 20px auto;
    }

    section {
        margin: auto;
        text-align: center;

        p:last-child {
            padding-bottom: 15px;
        }
    }

    ul {
        li {
            text-transform: uppercase;
            letter-spacing: $letterI1;

            a {
                font-family: $Regular-L;
                font-size: $fontnav;
                color: $blue;
            }
        }
    }
}