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

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

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


body, html {
  height: 100%; width: auto;
}
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 { 
    margin-top: -40px;
    margin-bottom: -10x;
    width: 55%;
  }  
}

@media screen and (orientation: landscape)and (min-width:600px) and (max-width:800px) {
  #img01 {    
    width: 80%;
    margin-top: -60px;
    margin-bottom: -10px;
  }
}
@media screen and (orientation: landscape) and (min-width: 801px)  and (max-width:950px) {
  #img01 {
    width: 70%;
    margin-top: -30px;
    margin-bottom: -10px;
  }
}
@media screen and (orientation: landscape) and (min-width:951px) and (max-width:1300px) {
  #img01 {    
    width: 90%;
  }
}
@media screen and (orientation: landscape) and (min-width:1301px) and (max-width:1400px) {
  #img01 {    
    width: 75%;
  }
}

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