@charset "utf-8";
/* CSS Document */

div.Todo {
	margin-left: -5px;
	margin-right: -5px;
 position: relative;
	height: 400px;

} 

div.Imagen {
  position: absolute;
  width: 85%;
  height: 400px;
  left:100px;
  right: 0px;

  background-repeat: no-repeat;
  background-size: cover;
}
	
div.Texto {
  position: absolute;
  top: 40px;
  width: 30%;
  min-width: 280px;	
  min-height: 320px;

  
  background:#F5F5F5;
}	


div.TodoCelular {
	margin-left: -5px;
	margin-right: -5px;
 position: relative;
	height: 520px;

} 

div.ImagenCelular {
  position: absolute;
  width: 100%;
  height: 300px;
  left:0px;
 
  background-image: url('Imagenes/Banner2.png');
  background-repeat: no-repeat;
  background-size: cover;
}
	
div.TextoCelular {
  position: absolute;
  top: 200px;
  min-height: 320px;
  background:#E4E4E4;
  left: 20%;
  right: 20%;
  margin: 0 auto;
	width: 70%;
	
}	
	
	
	
  @media (max-width: 600px) {
    .Todo {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }	

    @media (min-width: 600px) {
    .TodoCelular {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }