body {
    background-color: antiquewhite;
    color: black;
    margin: 0;
    padding: 0;
    font-family: Calibri;
}

html {
    margin: 0;
    padding: 0;
}

main {
    margin: 0 1.5rem;
}

.mainTitle {
    font-size: 3rem;
}

.logo {
    float: right;
    width: 9rem;
    padding: 0.5rem;
}

.container66 {
    width: 66%;
    float: left;
}

.container33 {
    width: 33%;
    float: left;
}

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.centerText{
    text-align: center;
}

footer{
    text-align: center;
}

.contactInfo {
    margin: 0 7rem;
}

.liinu {
    width: 100%;
    display: flex;
    align-items: stretch;
}

.navList {
    padding: 0;
}

.mainDescription li {
    padding: 1rem 0 1rem 0;
}

@media screen and (max-width: 1900px) {
    html{
        font-size: 14px;
    }
    p {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 1700px) {
    html{
        font-size: 12px;
    }

    p {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 1400px) {
    html{
        font-size: 10px;
    }
}

@media screen and (max-width: 1200px) {
    html {
        font-size: 12px;
    }

    main .container66{
        width: 100%;
    }
    main .container33 {
        width: 100%;
    }
    main .liinu {
        display: block;
    }

    .navList {
        text-align: center !important ; 
    }

    footer .container66 {
        width: 100%;
    }

    .modificationDate {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .mainDescription {
        padding: 2rem 3rem;
    }

    .contactInfo {
        margin: 0 0;
    }

    .navBar {
        width: 100% !important;
    }
}

@media screen and (max-width: 400px) {
    .mainTitle {
        font-size: 2.5rem;
    }

    .logo {
        width: 8rem;
    }

    .mainDescription {
        padding: 1rem 2rem !important;
    }

    .navBar {
        font-size: 2.5rem !important;
    }

    footer p {
        font-size: 1.2rem;
    }
}