.panel {display: none;}
#abresp {display: flex;flex-direction: row;}
nav a {display: flex;}
nav .menuicon {display: none;}
.topnavbar {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: white;
z-index: 12;
}
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 15;
top: 0;
left: 0;
background-color: rgb(255 255 255 / 90%);
overflow-y: hidden;
transition: 0.5s;
background-image: url(logotrans.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-blend-mode: screen;
}

.overlay-content {
position: relative;
top: 15%;
width: 100%;
text-align: center;
}

.overlay a {
padding: 8px;
text-decoration: none;
font-size: 2rem;
color: #2196f3;
display: block;
transition: 0.3s;
font-family: poppins;
}

.overlay a:hover, .overlay a:focus {
color: #1976d2;
text-shadow: 0px 0px 5px #2196f3;
}
.overlay .closebtn:hover, .overlay .closebtn:focus {
color: red;
}
.overlay .closebtn {
position: absolute;
right: 2rem;
font-size: 4rem;
color: red;
}
img.navlogo {
width: 6rem;
height: 6rem;
border-radius: 50px;
}
@media screen and (max-height: 450px) {
.overlay {overflow-y: auto;}
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
@media screen and (max-width: 650px) {
  #abresp{flex-direction: column;}
  #feresp {width: 100%;}
  nav a:not(:nth-child(4)) {display: none;}
  nav a.menuicon {display: block;}
}
@media screen and (max-width: 750px) {
  nav .secicon {display: none;} 
}