body{  
  font: 15px/1.5 Arial,Helvetica,sans-serif;
  height: 100vh;
  width: 100%;
  margin: 0;
  padding:0;
  background: linear-gradient(-225deg, #014d75 0%, #013855 50%, #024b72 100%);
  background-repeat: no-repeat;
  background-size: cover;
}

.cencompu{
  /* ocultar texto de titulo 
  display: none;**/
  margin-top: 35px;
  text-align: center;
}

#boxes{
  transition: all 4s ease-in-out;
}

/* Boxes */
#boxes{
  margin-top: 0px;
  margin-bottom: 0px;
}

#boxes img{
  max-width:100%;
}

/** seting the size for three boxes **/


#boxes .box1{
  margin-top:0px;
  float:left;
  text-align: center;
  width: 100%;
  border: 0px;
  padding:0px;
  
  margin-bottom:0px;
}

#boxes .box2{
  margin-top:40px;
  float:left;
  text-align: center;
  width: 100%;
  border: 0px;
  padding:0px;
  
  margin-bottom:0px;
}
 /**end seting the size for three boxes **/



/* Media Queries */
@media(max-width: 400px){

img { image-rendering: crisp-edges; }
  
}