@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');
 
body {
    font-family:  'Roboto', sans-serif;
}


.slide {
    margin-top: 10px;
}
.slide img {
    height: 55vh;
    width: 65vw;
}
#obrasvarias22 iframe {
    width: 100%;
    height: 100%;
}


iframe {
    width :560px;
    height :315px
}

 @media (max-width: 576px) { 
    .slide img {
        height: 30vh;
        width: 90vw;
     }
   iframe {
        height: 18vh;
        width: 92vw;

     }
    
    
    
}  
@media (max-width: 1800px) { 
    
   iframe {
        height: 28vh;
        width: 28vw;

     }
    
}  
@media (max-width:  1400px) { 
    
    iframe {
         height: 22vh;
         width: 25vw;
 
      }
     
    
     
 }  
 @media (max-width:  992px) { 
    
    iframe {
         height: 20vh;
         width: 27vw;
 
      }
     
    
 }  
 @media (max-width:  768px) { 
    
    iframe {
         height: 35vh;
         width: 84vw;
 
      }
  
    
     
 }  
 @media (max-width: 576px) { 
    
   iframe {
        height: 25vh;
        width: 79vw;

     }
    
    
}  
@media (max-width: 480px) { 
    
    iframe {
         height: 100%;
         width:100%;
 
      }
     
 }