@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900');



html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

article, header, section, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

@media only screen and (min-width:240px) and (max-width: 542px){
    .img {
        height : 300px;
        width: 99%;
        max-height: 300px;
        max-width: 99%;
        }
    
    .espacio { 
        position: relative;
        height:  20px;
        text-align:center;
        padding: 0px;
        width: auto;
        background: #FFFFFF;
        }
	
}



@media only screen and (min-width:542px) and (max-width: 740px){
    
    
    .img {
        height : 300px;
        width: 400px;
        max-height: 300px;
        max-width: 400px;
        }
   
		
}




@media only screen and (min-width:740px) and (max-width: 904px){
    
    
    
    .img {
        height : 240px;
        width: 240px;
        max-height: 240px;
        max-width: 240px;
        }
   
  
   
}





@media only screen and (min-width:904px) and (max-width: 1274px){ 
    .img {
        height : 100px;
        width: 300px;
        max-height: 100px;
        max-width: 300px;
        }
}





@media only screen and (min-width:1274px) and (max-width: 1600px){
    .img {
        height : 100px;
        width: 300px;
        max-height: 100px;
        max-width: 300px;
        }
}



@media only screen and (min-width:1600px) and (max-width: 1900px){
   .img {
        height : 100px;
        width: 300px;
        max-height: 100px;
        max-width: 300px;
        }
	
}

@media (min-width:1900px) { 
	
   .img {
        height : 300px;
        width: 300px;
        max-height: 300px;
        max-width: 300px;
        }
	
}