/* PRINCIPAL */
article #principal_2 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px; padding: 0 0 100px 0}
article #principal_8 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF; border:0px }


article #principal_2 #principal_2_site #principal-2 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 
article #principal_2 #principal_2_site #principal-2 h1 { margin:30px 0 0 0; font-size:45px; line-height:45px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#000000 }
article #principal_2 #principal_2_site #principal-2 h2 { font-size:20px; line-height:20px; font-weight:300; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; margin:10px 0 20px 0 }
article #principal_2 #principal_2_site #principal-2 h3 { font-size:16px; line-height:18px; font-weight:300; margin:15px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666 }
article #principal_2 #principal_2_site #principal-2 h5 { font-size:20px; line-height:20px; font-weight:700; margin:10px 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000 }
.principal-2 { height:auto; float:left; padding:0 0 20px 0; }

article #principal_8 #principal_8_site #principal-8 { width:100%; height:auto; float:left; padding:30px 0 30px 0;  } 
article #principal_8 #principal_8_site #principal-8 h1 { margin:30px 0 0 0; font-size:45px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#C4205D }
article #principal_8 #principal_8_site #principal-8 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center; margin:5px 0 25px 0 }


@media only screen and (min-width: 1171px){

article #principal_2 #principal_2_site { width:1170px }
.principal-2 { width:calc((100% / 4) - 40px); margin:0 20px 0 20px }

article #principal_8 #principal_8_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }

}




@media only screen and (min-width: 961px) and (max-width: 1170px){

article #principal_2 #principal_2_site { width:960px }
.principal-2 { width:calc((100% / 4) - 40px); margin:0 20px 0 20px }

article #principal_8 #principal_8_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }

}




@media only screen and (min-width: 769px) and (max-width: 960px){

/* PRINCIPAL */
article #principal_2 #principal_2_site { width:768px }
.principal-2 { width:calc((100% / 2) - 40px); margin:0 20px 0 20px }

article #principal_8 #principal_8_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }

}





@media only screen and (min-width: 621px) and (max-width: 768px){

/* PRINCIPAL */
article #principal_2 #principal_2_site { width:620px }
.principal-2 { width:calc((100% / 2) - 40px); margin:0 20px 0 20px }

article #principal_8 #principal_8_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }

}




@media only screen and (min-width: 481px) and (max-width: 620px){

/* PRINCIPAL */
article #principal_2 #principal_2_site { width:480px }
.principal-2 { width:calc(100% - 40px); margin:0 20px 0 20px }

article #principal_8 #principal_8_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }

}





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

/* PRINCIPAL */
article #principal_2 #principal_2_site { width:320px }
article #principal_2 #principal_2_site #principal-2 h1 { font-size:40px; line-height:40px }
.principal-2 { width:calc(100% - 40px); margin:0 20px 0 20px }

article #principal_8 #principal_8_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }


}