p.p1{

}

div.first{
width:45%;
text-align:justify;
margin: 0 auto;
margin-top:7%;
margin-bottom:0%;
padding:3%;
padding-bottom:0%;
font-size:120%;
border:solid 2px;
border-radius:20px;
background-color:rgba(226,214,190,0.7);

}

div.second{
width:45%;
text-align:justify;
margin: 0 auto;
margin-top:3%;
margin-bottom:0%;
padding:3%;
padding-bottom:0%;
font-size:120%;
border:solid 2px;
border-radius:20px;
background-color:rgba(226,214,190,0.7);

}

div.bas_de_page{
text-align:center;
font-size:120%;
padding-top:2%;
}

div.h1{
text-align:center;
font-size:0.94vw;
padding-bottom:4%;
}



img.next{
margin-top:4%;
}

div.background{
display:block;
position:absolute;
}

div#back_2{
top:87%;
left:80%;
}
div#back_3{
top:60%;
left:15%;
}

div#back_4{
top:5%;
left:85%;
}

a{
color:#25737D;
text-decoration:none;

}

a.a1{
color:#E2D6BE;
background-color:#25737D;
text-decoration:none;
padding:3%;
padding-left:15%;
padding-right:15%;
border:solid 0px;
border-color:black;
border-radius:10px;
}

img.next{
cursor:hand;
}


@media only screen  
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
 {
 
 div#back_1{
visibility:hidden;
}

div#back_2{
visibility:hidden;
}
div#back_3{
visibility:hidden;
}

div#back_4{
visibility:hidden;
}

div.first{
width:90%;
font-size:180%;
background-color:rgba(226,214,190,0.7);
}
div.second{
width:90%;
font-size:180%;
}
div.bas_de_page{
display:block;
text-align:center;
margin-top:10%;
}
a.a1{
padding-left:2%;
padding-right:2%;
}

img.next{
min-width:20%;
margin-top:10%;
}

img.previous{
min-width:20%;
}


div.h1{
text-align:center;
font-size:4.5vw;
padding-bottom:4%;
}

}

@media only screen  
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
 {
 div.h1{
text-align:center;
font-size:3vw;
padding-bottom:4%;
}
div.first{
width:65%;
font-size:160%;
background-color:rgba(226,214,190,0.8);
}
div.second{
width:65%;
font-size:180%;
}
div#back_1{
top:23%;
left:3%;
}
div#back_2{
top:95%;
left:87%;
}
div#back_3{
top:140%;
left:1%;
}

 }
}