@media only screen and (min-width: 375px) {
    #left, #right, #middle {
        width: calc(100vw - 90px );
    }

    .content {
        font-size: 90%;
    }
}

@media only screen and (min-width: 375px) {
    .content {
        font-size: initial;
    }

    
}

@media only screen and (min-width: 390px) {
    .complementar-info {
        display: inline;
    }
}

@media only screen and (min-width: 790px) {
    .logo {
        margin: 1mm;
    }

    .buttons {
        flex-direction: row;
        align-items: flex-start;
    }
}


@media only screen and (min-width: 824px) {
    
    #burger-icon {
        display: none;
    } 

    #right {
        display: block;
    }

    .content {
        min-height: auto;
    }

    .toggle {
        display: none;
    }

    #left, #right {
        width: 50%;
        position: static;
    }

    #left, #right, #middle {
        height: auto;
    }

    nav {
        position: static;

        box-shadow: none;
        font-size: 100%;

        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-grow: 1;
    
        background-color: var(--black);
        color: white;
    }
    
    
    nav ul {
        display: flex;
        flex-direction: row;
        list-style-type: none;
        margin: 1em;
        padding: 1em;
    }
    nav ul li {
        margin-right: 1em;
    }
    
    nav ul li a {
        background-color: var(--black);
        color: white;
        font-weight: bold;
        text-decoration: none;
    }
 
    .sponsors {
        margin-top: -3px;
    }

 }
 
 
 /*
 @media only screen and  (min-width: 824px) and (max-height: 700px) {
    :root {
        
    }
 }
 */