.box { float: left;} #root { max-width: 100%; margin: 0 auto; background-color: #fff; background-image: url(../../Review%20novo%20com%20div/imagens/backgrounds);} #logotipo { width: 28%; margin-top: 5px; border-left: 1%; background-color: #fff} #botoestopo { width: 69%; text-align: right; margin: auto; margin-right: 1%; margin-top: 1%; background-color: #fff} #menu { width: 60%; text-align: right; z-index: 201; margin-left: 0%;} /* BOX HOME */ #box21 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box22 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box31 { width: 31%; margin: 1%; text-align: justify; height: auto;} #box32 { width: 31%; margin: 1%; text-align: justify; height: auto;} #box33 { width: 31%; margin: 1%; text-align: justify; height: auto;} #box41 { width: 23%; margin: 1%; text-align: justify; height: auto;} #box42 { width: 23%; margin: 1%; text-align: justify; height: auto;} #box43 { width: 23%; margin: 1%; text-align: justify; height: auto;} #box44 { width: 23%; margin: 1%; text-align: justify; height: auto;} #box51 { width: 18%; margin: 1%; text-align: justify; height: auto;} #box52 { width: 18%; margin: 1%; text-align: justify; height: auto;} #box53 { width: 18%; margin: 1%; text-align: justify; height: auto;} #box54 { width: 18%; margin: 1%; text-align: justify; height: auto;} #box55 { width: 18%; margin: 1%; text-align: justify; height: auto;} #box61 { width: 14.5%; margin: 1%; text-align: justify; height: auto;} #box62 { width: 14.5%; margin: 1%; text-align: justify; height: auto;} #box63 { width: 14.5%; margin: 1%; text-align: justify; height: auto;} #box64 { width: 14.5%; margin: 1%; text-align: justify; height: auto;} #box65 { width: 14.5%; margin: 1%; text-align: justify; height: auto;} #box66 { width: 14.5%; margin: 1%; text-align: justify; height: auto;} /* BOX INTERNOS E GERAIS */ #box-interno { width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 1%; margin-bottom: 1%; alignment-adjust: justify; } #box-geral { width: 100%; background-color: ;} #box-geral-blue { width: 100%; background-color: #3C61AD; font-color:#fff;} #box-geral-black { width: 100%; background-color: #000;} #box-geral-white { width: 100%; background-color: #000;} #box-geral-dark { width: 100%; background-color: #968560;} #box-geral-gray { width: 100%; background-color: #CCC;} #box-geral-light { width: 100%; background-color: #D4CCBC;} #box-geral-estampado { width: 100%; background-image:url(../../Review%20novo%20com%20div/img/backgrounds/back-black-foral.png);} } /* Laptop/Tablet (1024 px) */ @media only screen and (max-width: 1024px) { #logotipo { width: 100%; margin-top: 5px; border-left: 10px; alignment-adjust: central; text-align: center;} #botoestopo { width: 100%; text-align: center; margin: auto;} #menuprincipal { width: 100%; text-align: right; margin-top: 2px; margin-bottom: 2px; text-align:right; background-image: ;} #menu { width: 100%; margin-top: 0px; margin-bottom: 2px; text-align: center; background-color: ; z-index: 201;} /* BOX HOME */ #box21 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box22 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box31 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box32 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box33 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box41 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box42 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box43 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box44 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box51 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box52 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box53 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box54 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box55 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box61 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box62 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box63 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box64 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box65 { width: 48%; margin: 1%; text-align: justify; height: auto;} #box66 { width: 48%; margin: 1%; text-align: justify; height: auto;} #seguros1 { width: 48%; margin: 1%; text-align: justify; height: auto;} #seguros2 { width: 48%; margin: 1%; text-align: justify; height: auto;} #seguros3 { width: 48%; margin: 1%; text-align: justify; height: auto;} #seguros4 { width: 48%; margin: 1%; text-align: justify; height: auto;} #seguros5 { width: 48%; margin: 1%; text-align: justify; height: auto;} #seguros6 { width: 48%; margin: 1%; text-align: justify; height: auto;} /* BOX INTERNOS E GERAIS */ #box-interno { width: 90%; margin-left: 10%; margin-right: 10%; margin-top: 1%; margin-bottom: 1%; alignment-adjust: justify; } #box-geral-incolor { width: 100%; background-color: #E9EAF2;} #box-geral-lilaz { width: 100%; background-color: #E9EAF2;} #box-geral-black { width: 100%; background-color: #000;} #box-geral-white { width: 100%; background-color: #000;} #box-geral-dark { width: 100%; background-color: #968560;} #box-geral-gray { width: 100%; background-color: #CCC;} #box-geral-light { width: 100%; background-color: #D4CCBC;} #box-geral-estampado { width: 100%; background-image:url(../../Review%20novo%20com%20div/img/backgrounds/back-black-foral.png);} } /* Laptop/Tablet (800 px) */ @media only screen and (max-width: 800px) { /* BOX HOME */ #box21 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box22 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box31 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box32 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box33 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box41 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box42 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box43 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box44 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box51 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box52 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box53 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box54 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box55 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box61 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box62 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box63 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box64 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box65 { width: 97%; margin: 1%; text-align: justify; height: auto;} #box66 { width: 97%; margin: 1%; text-align: justify; height: auto;} /* BOX INTERNOS E GERAIS */ #box-interno { width: 90%; margin-left: 10%; margin-right: 10%; margin-top: 1%; margin-bottom: 1%; alignment-adjust: justify; } #box-geral-incolor { width: 100%; background-color: #E9EAF2;} #box-geral-lilaz { width: 100%; background-color: #E9EAF2;} #box-geral-black { width: 100%; background-color: #000;} #box-geral-white { width: 100%; background-color: #000;} #box-geral-dark { width: 100%; background-color: #968560;} #box-geral-gray { width: 100%; background-color: #CCC;} #box-geral-light { width: 100%; background-color: #D4CCBC;} #box-geral-estampado { width: 100%; background-image:url();} }