.main-header{
    padding: 4rem 0;
}

.main-logo{
    width: 30rem;
    max-width: 80%;
    display: block;
    margin: 1rem auto;
}


.languages{
}

.languages > a{
    color: var(--bs-primary);
    margin: 0.25rem;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    border-radius: 2rem;
    padding-top: 0.5rem;
    font-weight: bold;
}

.languages > a:hover{
    
    background: var(--bs-success);
}

.languages > a.lang-active{
    
    background: var(--bs-success);
    color: var(--bs-white);
}

@media (min-width: 576px){

}

@media (min-width: 768px){

}

@media (min-width: 992px){
    
}

@media (min-width: 1200px){

}

@media (min-width: 1440px){
    
}