/* PRINCIPAL */
article #principal_0 { width:100%; margin:0px; float:left; height:auto; background-color:#8C0000; background-position:top center; background-repeat:no-repeat; background-size:105% auto; background-position:-1px -1px; border:none; border:0px }
article #principal_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#ffffff; border:0px }
article #principal_2 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }
article #principal_3 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF; border:0px }
article #principal_4 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }
article #principal_5 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#8C0000; border:0px }
article #principal_6 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }
article #principal_7 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF; border:0px }
article #principal_8 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F2F2F2; border:0px }


article #principal_mapa { width:100%; margin:0px; left:0px; top:0px; float:left; border-bottom:10px solid #EEEEEE; border-top:10px solid #EEEEEE }

/* dica */
article #principal_5 #principal_5_site #principal_5_depoimentos { width:100%; padding:40px 0 0 0; float:left }


article #principal_0 #principal_0_site #principal-0 { width:100%; height:auto; float:left; padding:90px 0 90px 0 } 
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 input { font-size:22px; margin:10px 0 0 0; padding:7px 15px 7px 15px;  font-weight:600 }

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:#8C0000 }
article #principal_2 #principal_2_site #principal-2 h2 { font-size:22px; line-height:24px; font-weight:200; 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:22px; line-height:24px; font-weight:200; margin:15px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666 }
.principal-2 { height:auto; float:left; padding:0 0 20px 0; cursor:pointer }
.principal-2:hover { background-color:#E9E9E9 }
.principal-2-img { width:70%; height:auto }


article #principal_3 #principal_3_site #principal-3 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 
article #principal_3 #principal_3_site #principal-3 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:#8C0000 }
article #principal_3 #principal_3_site #principal-3 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center }
.principal-3:hover { background-color:#8C0000; color:#FFFFFF }


article #principal_4 #principal_4_site #principal-4 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 
article #principal_4 #principal_4_site #principal-4 input { font-size:22px; margin:30px 0 0 0; padding:7px 15px 7px 15px;  font-weight:600 }
article #principal_4 #principal_4_site #principal-4 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:#8C0000 }
article #principal_4 #principal_4_site #principal-4 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center }
.principal-4-imagem:hover { -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; -webkit-box-shadow:inset 0px 0px 0px 200px #8C0000; -moz-box-shadow:inset 0px 0px 0px 200px #8C0000; box-shadow:inset 0px 0px 0px 200px #8C0000; }


article #principal_6 #principal-6 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 
article #principal_6 #principal-6 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:#8C0000 }
article #principal_6 #principal-6 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center }
.principal-6-imagem { width:auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: opacity 1s; transition: opacity 1s; }
.principal-6-imagem:hover { opacity: 1; filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }


article #principal_7 #principal_7_site #principal-7 { width:100%; height:auto; float:left; padding:30px 0 70px 0 } 
article #principal_7 #principal_7_site #principal-7 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:#8C0000 }
article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center }


article #principal_8 #principal_8_site #principal-8 { width:100%; height:auto; float:left; padding:30px 0 70px 0 } 
article #principal_8 #principal_8_site #principal-8 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:#8C0000 }
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 }



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

/* PRINCIPAL */
article #principal_0 #principal_0_site {
    width: 1170px;
    margin: 0 auto; /* Isso centraliza o elemento na página */
    text-align: center; /* Isso centraliza o conteúdo interno */
}

article #principal_0 #principal-0-1 {
    width: 60%;
    height: auto;
    float: none; /* Remover o float para centralizar */
    margin: 0 auto 40px; /* Adicione margens como desejado */
}

article #principal_0 #principal-0-1 h1 {
    font-size: 40px;
    font-weight: 900;
    margin: 0 0 10px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

article #principal_0 #principal-0-1 h2 {
    font-size: 18px;
    font-weight: 300;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    line-height: 25px;
}

article #principal_0 #principal-0-2 {
    width: 40%;
    height: auto;
    float: none; /* Remover o float para centralizar */
    margin: 0 auto 40px; /* Adicione margens como desejado */
}

/*article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:500px; height:auto; float:right }*/


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


article #principal_3 #principal_3_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3-imagem { width:calc(100% - 40px); margin:20px; height:192px; float:left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
.principal-3 { width:calc((100% / 5) - 2px); height:auto; margin:1px; cursor:pointer; background-color:#F2F2F2; height:375px; color:#333333; font-size:20px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-family:"Roboto", Arial, Helvetica, sans-serif; } 


article #principal_4 #principal_4_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-4 { width:calc((100% / 3) - 2px); float:left; height:auto; margin:1px; cursor:pointer } 
.principal-4-imagem { width:100%; height:300px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; display: table }
.principal-4-texto { display: table-cell; vertical-align: middle; text-align:center; color:#F2F2F2; font-size:25px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:700; padding:0 30px 0 30px }


/* dica */
article #principal_5 #principal_5_site { width:1170px }
article #principal_5 #principal_5_site #principal_5_depoimentos { height:630px }
article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF }
.div-depoimento-1 { width:100%; height:450px; color:#FFFFFF }
.div-depoimento-2 { padding:0 20px 0 20px; height:auto; float:left; color:#FFFFFF }

.principal-6-imagem { height:150px; }


/* INMSTAGRAM */
article #principal_7 #principal_7_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }
article #principal_7 #principal_7_site #principal-7 #instagram img { width:calc((100% / 6) - 1px); height:auto; margin:0 0 1px 1px; float:left }


/* BLOG */
article #principal_8 #principal_8_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer }
.div-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:200px; height:auto; float:left; margin:0 10px 10px 0 }

}




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

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:960px }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(60% - 40px); height:auto; float:left; margin:0 40px 0 0 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:20px; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:40%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:500px; height:auto; float:right }


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


article #principal_3 #principal_3_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 5) - 2px); height:auto; margin:1px; cursor:pointer; background-color:#F2F2F2; height:375px; color:#333333; font-size:20px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-family:"Roboto", Arial, Helvetica, sans-serif; } 
.principal-3-imagem { width:calc(100% - 30px); margin:15px; height:160px; float:left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }


article #principal_4 #principal_4_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-4 { width:calc((100% / 3) - 2px); float:left; height:auto; margin:1px; cursor:pointer } 
.principal-4-imagem { width:100%; height:300px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; display: table }
.principal-4-texto { display: table-cell; vertical-align: middle; text-align:center; color:#F2F2F2; font-size:28px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:700; padding:0 30px 0 30px }



/* dica */
article #principal_5 #principal_5_site { width:960px }
article #principal_5 #principal_5_site #principal_5_depoimentos { height:700px }
article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF }
.div-depoimento-1 { width:100%; height:520px; color:#FFFFFF }
.div-depoimento-2 { padding:0 20px 0 20px; height:auto; float:left; color:#FFFFFF }


.principal-6-imagem { height:150px; }


/* INMSTAGRAM */
article #principal_7 #principal_7_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }
article #principal_7 #principal_7_site #principal-7 #instagram img { width:calc((100% / 6) - 1px); height:auto; margin:0 0 1px 1px; float:left }



/* BLOG */
article #principal_8 #principal_8_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer }
.div-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:200px; height:auto; float:left; margin:0 10px 10px 0 }

}




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

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:768px }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(60% - 40px); height:auto; float:left; margin:0 40px 0 0 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:20px; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:40%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:500px; height:auto; float:right }


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


article #principal_3 #principal_3_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 4) - 2px); height:auto; margin:1px; cursor:pointer; background-color:#F2F2F2; height:375px; color:#333333; font-size:20px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-family:"Roboto", Arial, Helvetica, sans-serif; } 
.principal-3-imagem { width:calc(100% - 30px); margin:15px; height:160px; float:left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }


article #principal_4 #principal_4_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-4 { width:calc((100% / 2) - 2px); float:left; height:auto; margin:1px; cursor:pointer } 
.principal-4-imagem { width:100%; height:300px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; display: table }
.principal-4-texto { display: table-cell; vertical-align: middle; text-align:center; color:#F2F2F2; font-size:28px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:700; padding:0 30px 0 30px }



/* dica */
article #principal_5 #principal_5_site { width:768px }
article #principal_5 #principal_5_site #principal_5_depoimentos { height:800px }
article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF }
.div-depoimento-1 { width:100%; height:620px; color:#FFFFFF }
.div-depoimento-2 { padding:0 20px 0 20px; height:auto; float:left; color:#FFFFFF }

.principal-6-imagem { height:150px; }


/* INMSTAGRAM */
article #principal_7 #principal_7_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }
article #principal_7 #principal_7_site #principal-7 #instagram img { width:calc((100% / 6) - 1px); height:auto; margin:0 0 1px 1px; float:left }


/* BLOG */
article #principal_8 #principal_8_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer }
.div-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }

}





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

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:620px }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(100% - 40px); height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:20px; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:100%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:100%; height:auto; float:left; margin:20px 0 0 0 }


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


article #principal_3 #principal_3_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 3) - 2px); height:auto; margin:1px; cursor:pointer; background-color:#F2F2F2; height:375px; color:#333333; font-size:20px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-family:"Roboto", Arial, Helvetica, sans-serif; } 
.principal-3-imagem { width:calc(100% - 30px); margin:15px; height:174px; float:left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }


article #principal_4 #principal_4_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-4 { width:calc((100% / 2) - 2px); float:left; height:auto; margin:1px; cursor:pointer } 
.principal-4-imagem { width:100%; height:300px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; display: table }
.principal-4-texto { display: table-cell; vertical-align: middle; text-align:center; color:#F2F2F2; font-size:28px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:700; padding:0 30px 0 30px }


/* dica */
article #principal_5 #principal_5_site { width:620px }
article #principal_5 #principal_5_site #principal_5_depoimentos { height:750px }
article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF }
.div-depoimento-1 { width:100%; height:570px; color:#FFFFFF }
.div-depoimento-2 { padding:0 20px 0 20px; height:auto; float:left; color:#FFFFFF }


.principal-6-imagem { height:150px; }


/* INMSTAGRAM */
article #principal_7 #principal_7_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }
article #principal_7 #principal_7_site #principal-7 #instagram img { width:calc((100% / 4) - 1px); height:auto; margin:0 0 1px 1px; float:left }


/* BLOG */
article #principal_8 #principal_8_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer }
.div-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }

}




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

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:480px }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(100% - 40px); height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:20px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:22px; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:100%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:100%; height:auto; float:left; margin:20px 0 0 0 }


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


article #principal_3 #principal_3_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 2) - 2px); height:auto; margin:1px; cursor:pointer; background-color:#F2F2F2; height:375px; color:#333333; font-size:20px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-family:"Roboto", Arial, Helvetica, sans-serif; } 
.principal-3-imagem { width:calc(100% - 30px); margin:15px; height:208px; float:left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }


article #principal_4 #principal_4_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-4 { width:calc((100% / 1) - 0px); float:left; height:auto; margin:1px 0 1px 0; cursor:pointer } 
.principal-4-imagem { width:100%; height:300px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; display: table }
.principal-4-texto { display: table-cell; vertical-align: middle; text-align:center; color:#F2F2F2; font-size:28px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:700; padding:0 30px 0 30px }


/* dica */
article #principal_5 #principal_5_site { width:480px }
article #principal_5 #principal_5_site #principal_5_depoimentos { height:600px }
article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF }
.div-depoimento-1 { width:100%; height:400px; color:#FFFFFF }
.div-depoimento-2 { padding:0 20px 0 20px; height:auto; float:left; color:#FFFFFF }


.principal-6-imagem { height:150px; }

/* INMSTAGRAM */
article #principal_7 #principal_7_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }
article #principal_7 #principal_7_site #principal-7 #instagram img { width:calc((100% / 4) - 1px); height:auto; margin:0 0 1px 1px; float:left }


/* BLOG */
article #principal_8 #principal_8_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer }
.div-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }

}





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

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:320px; font-size:18px }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:100%; height:auto; float:left; margin:0px  }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:20px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:22px; text-align:center }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:100%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:100%; height:auto; float:left; margin:20px 0 0 0 }


/* 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 }
.principal-2-img { width:50%; height:auto }


article #principal_3 #principal_3_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 2) - 2px); height:auto; margin:1px; cursor:pointer; background-color:#F2F2F2; height:310px; color:#333333; font-size:16px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-family:"Roboto", Arial, Helvetica, sans-serif; } 
.principal-3-imagem { width:calc(100% - 30px); margin:15px; height:128px; float:left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }


article #principal_4 #principal_4_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-4 { width:calc((100% / 1) - 0px); float:left; height:auto; margin:1px 0 1px 0; cursor:pointer } 
.principal-4-imagem { width:100%; height:250px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; display: table }
.principal-4-texto { display: table-cell; vertical-align: middle; text-align:center; color:#F2F2F2; font-size:28px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:700; padding:0 30px 0 30px }


/* dica */
article #principal_5 #principal_5_site { width:320px }
article #principal_5 #principal_5_site #principal_5_depoimentos { height:680px }
article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF }
.div-depoimento-1 { width:100%; height:500px; color:#FFFFFF }
.div-depoimento-2 { padding:0 20px 0 20px; height:auto; float:left; color:#FFFFFF }


/* PARCEIROS */
.principal-6-imagem { height:130px; }

/* INMSTAGRAM */
article #principal_7 #principal_7_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }
article #principal_7 #principal_7_site #principal-7 #instagram img { width:calc((100% / 3) - 1px); height:auto; margin:0 0 1px 1px; float:left }


/* BLOG */
article #principal_8 #principal_8_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-1 { width:100%; height:auto; float:left; padding:0 0 50px 0; border-bottom:1px solid #CCCCCC; text-align:left; cursor:pointer }
.div-blog-2 { width:100%; height:auto; float:left; padding:50px 0 0 0; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }

}