*::before, *::after{
    box-sizing: border-box;
}

.libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}


.open-sans{
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
 
}

.header{
    width: auto;
    display: grid;
    grid-template-columns: .2fr 1.5fr 1fr;
    justify-content: center;
    background-color:#EAE0CF;
}

body{
    margin: 0;
    
    background-color: #547792;
    
}
ul>li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
a.currentPage{
    text-decoration: underline;
}
.logo{
    
    width: 100px;
    max-width: 100%;
    height: 100px;
    border-radius: 50%;
}
.companyTitle{
    font-size: large;
}
.nav{
    display:flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10%;
    margin-right: 5%;
}
.nav-mobile{
    display: none;
}

.mobile-only-button{
    display:none;
}
.desktop-only-button{
    display:inline;
}
@media(max-width:800px){
    .nav{
    display: none;
}
.nav-mobile{
    display:inline;
}
.activate{
    display: none;
}

#nav-menu>li{
    display: grid;
    grid-template-rows: .5fr .5fr .5fr;
    border: 3px solid #333;
    text-align: center;
    width: 100px;
    background-color: #94B4C1;

}

.header{
    display: flex;
    gap:20px;
}
.logo{
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
.companyTitle{
    font-size: 75%;
}
}