html{
	width:100%;
	height:100%;
	margin: 0;
  	padding: 0;
	background: url("../img/bg-introduccion.jpg") no-repeat scroll center bottom / 100% auto #000000;
}

body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: url("../img/bg-splash.jpg") no-repeat scroll center bottom #000000;
    /*background: url("../img/bg-splash.jpg") no-repeat scroll center bottom / 100% auto #000000;*/
    background-size: 100% auto;
}

.img-splash{
    background-image: url("../img/logos/fdi-white-big.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    height: 80%;
    width: 100%;
}

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ 
    .img-splash{
        background-image: url("../img/logos/fdi-white-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 70% auto;
        height: 80%;
        width: 100%;
    }

}
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .img-splash{
        background-image: url("../img/logos/fdi-white-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 70% auto;
        height: 80%;
        width: 100%;
    }
}
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .img-splash{
        background-image: url("../img/logos/fdi-white-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50% auto;
        height:40%;
        width: 100%;
    }
}
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .img-splash{
        background-image: url("../img/logos/fdi-white-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 30% auto;
        height:40%;
        width: 100%;
    }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 

}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 

}