body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
body, html {height: 100%; width: auto;}
.w3-half img{margin-bottom: -6px; }
.w3-third img{margin-bottom: -6px; cursor: pointer}

.w3-quarter img{margin-bottom: -6px; cursor: pointer}

img {
  width: 100%;
}
#img01 {
    height: auto;
    width: 100%;
}

#mySidebar {
    z-index:3;width:250px;font-weight:bold;display:none;right:0;
}

@media screen and (orientation: landscape) {
  #img01 {    
    width: 55%;
  }
}

@media screen and (orientation: landscape) and (min-width:667px) and (max-width:990px) {
  #img01 {        
    width: 100%;
  }
}

@media screen and (orientation: landscape) and (min-width:991px) {
  #img01 {
    width: 100%;   
  }
}