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

img{
      width: 100%;
    }
    body {
      background: url("fondo.jpg")  ; 
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0;
      height: 100vh;
    }
		
		div#myDiv{
			
		  width:100%;
          height:100vh;
          background-image: url("logo-carmen.png");
		  background-size: 50%;
          background-repeat:no-repeat;
          background-position:top;

}


/*  Para iPhone 5 o superior*/
@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 568px) { /* Aquí van los estilos */

img{
      width: 100%;
    }
    body {
      background: url(fondo.jpg)  ; 
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0;
      height: 100vh;
    }
		
div#myDiv{
			
		  width:100%;
          height:100vh;
          background-image: url("logo-carmen-movil.png");
		  background-size: 70%;
          background-repeat:no-repeat;
          background-position:top;

}


@media (orientation: landscape) {
 img{
      width: 100%;
    }
    body {
      background: url(fondo.jpg)  ; 
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0;
      height: 100vh;
    }
		
div#myDiv{
			
		  width:100%;
          height:100vh;
          background-image: url("logo-carmen.png");
		  background-size: 40%;
          background-repeat:no-repeat;
          background-position:top;

}

}




}