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

.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%;
  padding:1px;
}
#img01 {
    height: auto;
    width: 100%;
}

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


@media screen and (orientation: landscape) and (max-width: 600px) {
  #img01 {
    height: auto;
    width: 55%;
  }
}
@media screen and (orientation: landscape) and (min-width: 601px) and (max-width:799px) {
  #img01 {
    height: auto;
    width: 75%;
  }
}
@media screen and (orientation: landscape) and (min-width: 800px) and (max-width:959px) {
  #img01 {
    height: auto;
    width: 65%;
  }
}
@media screen and (orientation: landscape) and (min-width: 960px)and (max-width:1921px) {
  #img01 {
    height: auto;
    width: 85%;
  }
}
@media screen and (orientation: landscape) and (min-width: 1923px) {
  #img01 {    
    width: 100%;   
  }
}