@media screen and (max-width: 1370px){
    header {
        height: auto;
    }
    
    div#logo img {
        width: auto;
        margin: 1rem 0;
    }
    
    #top {
        height: auto;
        display: flex;
        align-items: center;
        border-bottom: 1.5rem solid #dae9ef;
        border-top: 1.5rem solid #dae9ef;
        position: relative;
    }

    #top img.right {
        right: 0rem;
        top: -1.5rem;
        max-width: 140px;
    }

    #top img.left {
        left: 1rem;
        bottom: -1.5rem;
        max-width: 150px;
    }

    h1 {
        font-size: 3rem;
        margin-top: 4rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.9rem;
        margin-bottom: 2rem;
    }

    .lead {
        font-size: 1.7rem;
        font-family: 'Palatino', sans-serif;
    }

    #top .content {
        padding-bottom: 6rem;
    }

    #basics .btn {
        margin-top: 3rem;
        margin-bottom: 2rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    section#partner img {
        width: 100%;
        max-width: 300px;
    }

    button.accordion-button {
        font-size: 1.5rem;
    }

    footer {
        height: 46vh;
    }

    ul.nav {
        display: flex;
        justify-content: center;
        margin-top: 5rem;
    }
}


@media screen and (max-width: 747px){
    header {
        height: auto;
    }
    
    div#logo img {
        width: auto;
        max-height: 8vh;
        margin: 1rem 0;
    }
    
    #top {
        height: auto;
        display: flex;
        align-items: center;
        border-bottom: 1.5rem solid #dae9ef;
        border-top: 1.5rem solid #dae9ef;
        position: relative;
    }

    #top img.right {
        right: 0rem;
        top: -1.5rem;
        max-width: 70px;
    }

    #top img.left {
        left: 1rem;
        bottom: -1.5rem;
        max-width: 150px;
    }

    h1 {
        font-size: 3rem;
        margin-top: 4rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.9rem;
        margin-bottom: 2rem;
    }

    .lead {
        font-size: 1.7rem;
        font-family: 'Palatino', sans-serif;
    }

    #top .content {
        padding-bottom: 6rem;
    }

    #basics .btn {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    section#partner img {
        width: 80%;
    }

    button.accordion-button {
        font-size: 1.5rem;
    }

    footer {
        height: 46vh;
    }

    ul.nav {
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }

    #cookies .val {
        right: 0.2rem;
        z-index: 9999;
    }
}