body {
background-image: url("../img/fondo.jpg");
padding:0px;
margin:0px;
width:100%;
height:100%;
overflow:hidden;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

h1 {
            font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
            text-align: center;
            text-rendering: optimizeLegibility;
        }

h1.deepshadow {
            min-height: 100%;
            min-width: 1024px;

		font-family: 'Norican', cursive;
           
            font-size: 120px;
            color: #ffffff;
            letter-spacing: .1em;
            text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        }
        
h1.deepshadow1 {
            min-height: 100%;
            min-width: 1024px;
   		    text-transform: uppercase;
            font-family: 'Press Start 2P', cursive;
            color: #ffffff;
            font-size: 20px;
            padding-top:20px;
			letter-spacing: .1em;
            text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        }
        
h1.deepshadow2 {
            min-height: 100%;
            min-width: 1024px;
     		text-transform: uppercase;
            font-family: 'Press Start 2P', cursive;
            position: absolute;
		    white-space: nowrap;
            font-size: 20px;
            color: #e0dfdc;
            letter-spacing: .1em;
            text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        }
 
.wrap {
    height: 800px;
    position: relative;
}

/*.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:2%;
    left:50%;
    transform:translateX(-50%);
    width:65%;
	
}*/			

.wrap slideshow{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:2%;
    left:50%;
    transform:translateX(-50%);
    width:65%;
		
}	


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1010px) {
/* Styles */
.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:45%;
    left:50%;
    transform:translateX(-50%);
    width:65%;

}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:32%;
    left:50%;
    transform:translateX(-50%);
    width:65%;

}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1320px) {
/* Styles */
.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:28%;
    left:50%;
    transform:translateX(-50%);
    width:65%;

}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1420px) {
/* Styles */
.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:25%;
    left:50%;
    transform:translateX(-50%);
    width:65%;

}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1590px) {
/* Styles */
.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:18%;
    left:50%;
    transform:translateX(-50%);
    width:65%;

}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1670px) {
/* Styles */
.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:15%;
    left:50%;
    transform:translateX(-50%);
    width:65%;

}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */

.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:0%;
    left:50%;
    transform:translateX(-50%);
    width:65%;
	
}
}

/* Large screens ----------- */
@media only screen 
and (min-height : 1190px) {
/* Styles */

.wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:-15%;
    left:50%;
    transform:translateX(-50%);
    width:65%;
	
}
}

/* iPhone 4 ----------- */
@media only screen
and (-webkit-min-device-pixel-ratio : 1.5),
and (min-device-pixel-ratio : 1.5) {
/* Styles */
}