body{
font-family: AvenirNext, "Helvetica Neue", Helvetica, Arial, sans-serif;
max-width: 1400px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.logocont{
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}

.logo{
max-width: 200px;
padding-right: 5px;
width: 100%;
}

.title{
font-family: "Oswald";
font-size: 24px;
padding-left: 5px;
color: rgb(146, 158, 119);
}

.navigation{
display: flex;
justify-content: center;
flex-flow: row nowrap;
align-items: center;
font-size: 18px;
}

.navbox{
padding: 10px;
min-width: 70px;
}

.navdropdown{
display: flex;
flex-flow: column nowrap;
position: relative;
min-width: 70px;
}

.dropdown1st{
padding: 10px;
min-width: 70px;
}

.dropdowns{
visibility: hidden;
display: flex;
flex-flow: column nowrap;
position: absolute;
top: 100%;
left: 0;
max-width: 90px;
min-width: 70px;
}

.asidedropdown{
display: flex;
flex-flow: row nowrap;
}

.firstaside{
background: rgb(204, 118, 61);
transition: background .5s ease-in;
padding: 10px;
text-align: center;
min-width: 70px;
}

.aside{
background: rgb(230, 128, 61);
transition: background .5s ease-in;
padding: 10px;
text-align: center;
min-width: 70px;
max-height: 42px;
}

.dropdown{
background: rgb(204, 118, 61);
transition: background .5s ease-in;
padding: 10px;
text-align: center;
max-width: 90px;
}

.firstaside:hover{
background: rgb(230, 118, 61);
transition: background .2s ease-in:
}

.aside:hover{
visibility: visible;
background: rgb(240, 118, 61);
transition: background .2s ease-in:
}

.dropdown:hover{
background: rgb(230, 118, 61);
transition: background .2s ease-in:
}

.dropdowns:hover{
visibility: visible;
}

.navigation a{
text-decoration: none;
}

.navigation a:visited{
color: black;
}

.navigation a:link{
color: black;
}

.navbox:hover{
color: black;
transition: background .5s ease-in;
background: rgb(204, 118, 61, 0.7);
}

.dropdown1st:hover{
color: black;
background: rgb(204, 118, 61, 0.7);
transition: background .5s ease-in;
}

.dropdown1st:hover + .dropdowns{
visibility: visible;
transition: display .5s ease-in;
background: rgb(204, 118, 61, 0.7);
}

.navdropdown:hover .dropdown1st{
transition: display .5s ease-in;
background: rgb(204, 118, 61, 0.7);
}

.phonemenu{
display: none;
}

@media screen and (max-width: 800px){
.headcontainer{
flex-flow: column nowrap;
}

.title{
display: none;
}

.navigation{
flex-flow: column nowrap;
}

.navigation a{
width: 100%;
text-align: center;
max-height: 42px;
visibility: visible;
display: block;
}

.navbox{
display: none;
max-height: 42px;
}

.navdropdown{
display: none;
position: inherit;
justify-content: center;
align-items: center;
width: 100%;
}

.dropdown1st{
width: 100%;
}

.dropdowns{
position: inherit;
background: white;
visibility: visible;
display: none;
}


.aside{
background: rgb(146, 158, 119);
}

.phonemenu{
width: 100%;
display: block;
padding: 10px;
background: rgb(204, 118, 61);
margin-top: 5px;
}


.phonemenu:active{
.navbox{
display: block;}
.navdropdown{
display: flex;}
}

}