.icons{
display:inline;
float:right;
margin-top:10px;
margin-right:30px;
transition : 0.8s;
}

.icons img{
    width:50px;
    opacity:0.95;
    box-shadow:0;

}

.icons img:hover{
    width:51px;
    opacity:1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition : 0.2s;

}

nav{
color: rgb(121, 110, 58);
position:fixed;
top:0px;
width:100%;
padding-top:50px;
padding-bottom:15px;
transition:0.6s;
z-index:5;
background-color:rgb(235, 235, 180);}

nav ul{
text-align:center;
transition:0.6s;
    padding:0;
}

nav ul li{
display:inline;
font-family:navfont1;
padding-left:15px;
padding-right:15px;
border-bottom: 1px solid rgb(121, 110, 58);
}

nav ul li:hover{
border-bottom: 2px solid rgb(121, 110, 58);
}


nav ul li.navopen{
border-bottom: 2px solid rgb(121, 110, 58);
opacity:0.7;

}

#topmenu{
padding:0;
margin:0;
z-index:10;
position:fixed;
top:0;
right:0;
}



@media all and (orientation:portrait){

    header {
        visibility:hidden;
    }    
         /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  width:100%;
  z-index:12;
    font-size:24px;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
    font-size:24px;
  
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 30px 16px;
  text-decoration: none;
  display: block;
      font-size:24px;
  
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
} 

}