span{
display:none;
}
body {
    background: #e8e8e8 none repeat scroll 0 0;
	padding:0;
	margin:0;
}
.todo{
    height: 100%;
    margin: 0 auto;
    min-height: 500px;
    width: 100%;
}

.bloque-8 img {
	left:33%;
    position: fixed;
    top: 27%;
    
}
.pie {
    position: fixed;
    top: 15px;
}
.fondo{
 background-color: #e8e8e8 none repeat scroll 0 0;
    padding-top: 1500px;
   background-attachment: fixed;
    background-position: center ;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 0 auto;
    max-width: 827px;
    width: auto;

}
.principal {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 900px;
    margin: 0 auto;
    max-width: 900px;
    width: auto;
    padding-bottom: 50px;
}

.texto {
    color: #b363c4;
    font-family: arial;
    margin-bottom: 200px;
    position: relative;
    text-align: center;

}

h2 {
    font-size: 5em;
    line-height: 0.5em;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 1.6em;
}

h3 {
    font-size: 2.2em;
    line-height: 2em;
    margin: 0;
    padding: 0;
}
p {
    font-size: 4.2em;
    line-height: 0.5em;
    margin: 0;
    padding: 0;
   color: #b363c4;
}

a p {
    font-size: 1.3em;
    font-style: italic;
}

a p:hover {
color:#742a84;
}
a{
text-decoration:none;
}
#fondoa{
background-image:url(../8marzo2016/img/1.jpg);
}

#fondob{
background-image:url(../8marzo2016/img/2.jpg);
}

#fondoc{
background-image:url(../8marzo2016/img/3.jpg);
}

#fondod{
background-image:url(../8marzo2016/img/4.jpg);
}

#fondoe{
background-image:url(../8marzo2016/img/5.jpg);
}

#fondof{
background-image:url(../8marzo2016/img/6.jpg);
}
#fondog{
background-image:url(../8marzo2016/img/7.jpg);
}

#fondoh{
background-image:url(../8marzo2016/img/8-8.jpg);
}

#fondoi{
background-image:url(../8marzo2016/img/9.jpg);
}

#fondoj{
background-image:url(../8marzo2016/img/10.jpg);
}

#fondok{
background-image:url(../8marzo2016/img/11.jpg);
}

#fondol{
background-image:url(../8marzo2016/img/12.jpg);
}

#fondom{
background-image:url(../8marzo2016/img/13.jpg);
}

#fondon{
background-image:url(../8marzo2016/img/14.jpg);
}
@media (min-width: 550px) {
.principal {
   background-attachment: fixed;
}
}
@media (max-width: 1500px) {

.bloque-8 img {
    left: 33%;
    
}

}
@media (max-width: 1266px) {

.bloque-8 img {
    left: 25%;
 	top: 28%;
   max-width: 480px;
}

}

@media (max-width: 881px) {

.bloque-8 img {
    left: 16%;
    width: 68%;
}

}

@media (max-width: 610px) {

.bloque-8 img {
    left: 8%;
    top: 29%;
    width: 80%;
}



h2 {
    font-size:4em;
  
}

h1 {
    font-size: 1.2em;
}
h3 {
    font-size: 1.7em;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}


p {
    font-size: 3.2em;
   
}


}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.bloque-8 img {
  top:51px;
   }

.texto {
position:relative;
top:30%;
margin-bottom: 200px;
}

.principal {
   background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 302px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    padding-bottom: 0;
    width: auto;
}
.fondo{
padding-top:0;
margin-top:500px;
}
.todo:nth-child(2){
margin-top:0;
}
}

@media (max-width: 550px) {


.bloque-8 img {
  top:51px;
   }

.texto {
position:relative;
top:30%;
margin-bottom: 200px;
}

.principal {
   background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 302px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    padding-bottom: 0;
    width: auto;
}
.fondo{
padding-top:0;
margin-top:500px;
}
.todo:nth-child(2){
margin-top:0;
}
}

/* iPads (portrait & landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
 .bloque-8 img {
  top:51px;
   }

.texto {
position:relative;
top:30%;
margin-bottom: 400px;
}

.principal {
   background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 600px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 900px;*/
    padding-bottom: 0;
    width: 100%;
}
.fondo{
padding-top:0;
margin-top:500px;
}
.todo:nth-child(2){
margin-top:0;
}

}