* {
 padding: 0;
}

body {
width: 100%;
margin: 0 auto;
background-image: url(sustentable-background.jpg);
background-size: 100%;
background-position: top center;
background-repeat: no-repeat;
background-color: #00aa52;
}



.logo {
 width: 410px;
 position: relative;
 margin: 0 auto;
 margin-top: 15%;

}

.logo img { 
 width: 100%;
}

#chico {
 display: none;
}

.info {
 width: 758px;
 position: relative;
 margin: 0 auto;
 margin-top: 14%
}

.info img { 
 width: 100%;
 filter
}


/************** video **************/

#video {
 position: relative;
 top: 120px;
}


#movil {
 display: none;
}

/************** media queries ****************/
@media screen and (max-width: 882px) {
    #video {
        position: relative;
        top: 50px;
        width: 10px;
       }
}


@media screen and (max-width: 740px) {
    #video {
        display: none;
       }
       #movil {
        display: block;
        position: relative;
        width: 80%;
        margin: 0 auto;
       }
}

@media screen and (max-width: 420px) {
	
body {
background-image: url(sustentableMovil-banner.jpg);
background-size: 100%;
}

.logo {
 width: 310px;
 margin-top: 140px;
 position: relative;
}
	
#chico {
 display: block;
 
}
	
#grande {
 display: none;
}


#movil {
    width: 350px;
    top: 110px;
    
   }

	
.info {
 width: 85%;
 position: relative;
 margin: 0 auto;
 margin-top: 200px;
}
  
}