:root {
    --btnColor: #03457E;
    --btnLetter: #ffffff;

    --fontsize_web: 1em;
    --fontsize_mobile: 0.8em;
}

@media only screen and (min-width: 768px) {
    body p {
        font-size: var(--fontsize_web);
    }

    .video-yt {
        width: 700px;
    }
}


@media only screen and (min-width: 1400px) {
    span#menuBurguer {
        display: none;
    }

    body p {
        font-size: var(--fontsize_web);
    }
    
    menu{
        display: block;
        text-align: center;
    }

    menu > ul{
        
        background-color: var(--btnColor);
    }

    menu > ul > li {
        display: inline-block;
    }

    menu > ul > li > a{
        font-size: var(--fontsize_web);
    }

    menu > ul > li > a:hover{
        color: var(--btnLetter);
        background-color: var(--btnColor);
        text-decoration: underline;
    }

    /* .groups-card {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: flex-end;
    } */


}