@media(min-width:900px){


  body {

    display: none;
    font-family: "Lato", sans-serif;
    overflow-x: hidden;
    margin: 0;
    
    height: auto;
   position: relative;
    /* background-image: url("../data/fondos/fondo/azul/azul_inten.jpeg"); */
    
    background-image: url("../data/collec/long_wood.jpg");
   background-size: 100vw;
   z-index: -1;

  }

 }




body {
    font-family: "Lato", sans-serif;
    overflow-x: hidden;
    margin: 0;
    
  height: auto;
   position: relative;
    /* background-image: url("../data/fondos/fondo/azul/azul_inten.jpeg"); */
    
    background-image: url("../data/collec/long_wood.jpg");
   background-size: 100vw;
   z-index: -1;

  }

  /* .bigtop{

    width: 95vw;
    height: 22vh;

} */
  .bigger{
    display: flex;
    flex-direction: row;
    
  }
  .sidenav {

    height: 140vw;
    width: 23vw;
    padding-top: 5vw;
    background-color: transparent;
    /* overflow-x: hidden; */
    
     position: fixed;
  

  
  }
  .sidenav a {
    background-color: transparent;
    padding: 8px 4px 8px 4px;
    text-decoration: none;
    font-size: 10pt;
    color: #fcf9f9;
    display: block;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  

  #main {
   
    /* Same as the width of the sidenav */
     /* Increased text to enable scrolling */
    /* background-image: url("../data/fondos/fondo/azul/azul_inten.jpeg"); */
    
   
    /* background-color: seagreen; */
    width: 100vw;
    overflow-x: hidden;
   
    /* margin-left: 23vw; */
    position: relative;
   
  }
  .mai{
    width: 100vw;
    overflow-x: hidden;
  
    /* margin-left: 23vw; */
    position: relative;
  }

  .mai img{
    
    width: 100vw;


    padding-top: 10vh;

    
  }
footer{
  position: relative;
  margin-top: 10vh;
}
  .info{
    position: relative;
   
    bottom: 0;
    width: 100vw;
    height: 15vh;
    /* background:linear-gradient(white, #d0eff3,white); */
    padding-top: 5vh;
    padding-bottom: 1vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: var(--color_text_h3);
  }

  /* .mani {
    /* Same as the width of the sidenav */
     /* Increased text to enable scrolling 
    
    width: 77vw;
     padding-top: 20px;
    
  } */
  
  @media screen and (max-height: 450px) {
    /* .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;} */
  }