#AreaGeralProduto {position: relative; background: #FFF; width: 100%; display: block; max-width: 900px; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #444242; overflow: hidden;} .BackgroundGeral {width: 100%; display: block;} #AreaMultilaser {background: #FFF; box-sizing: border-box; display: block; clear: both; width: 100%; max-width: 900px; margin: 0 auto; height: 94px;} #AreaMultilaser img {width: 100%; display: block; clear: both; float: left;} #LogoDaMultilaser {max-width: 288px; margin: 0 0 20px; padding-left: 40px;} #ColorsMultilaser {height: 5px;} #LogoMultilaser {display: block; clear: both; height: 133px;} #LogoMultilaser img {position: absolute; top: 0; left: 50px; z-index: 999999;} #AreaGeralProduto p {width: 380px; z-index: 999;} #AreaGeralProduto h3 {color: #000; font-size: 22px; text-transform: uppercase; width: 444px; font-weight: bold; margin: 0;} #AreaGeralProduto br {display: block; clear: both;} .ConteudoBloco {padding: 0 50px; box-sizing: border-box; top: 0; width: 100%;} .BackgroundBloco {width: 100%; display: block;} #BlocoUm {background: #a957b2; position: relative; padding-bottom: 150px; margin-bottom: 200px;} #BlocoUm:after {content: ''; height: 0; position: absolute; bottom: -200px; left: 0; border: 0 solid transparent; border-left: 900px solid #a957b2; border-bottom: 200px solid #FFF;} #BlocoUm .ConteudoBloco {position: absolute;} #BlocoUm h3 {float: right; width: 221px; margin-top: -30px;} #BlocoUm p {float: right; text-align: right; clear: both; color: #FFF; width: 700px;} #ImagemBlocoUm {z-index: 999; position: absolute; left: 0; width: 100%; margin-top: -40px;} #BlocoDois {} #BlocoDois .ConteudoBloco {float: right;} #BlocoDois h3 {width: 630px; text-align: right; color: #a957b2; clear: both; display: block; float: right;} #BlocoDois p {width: 630px; text-align: right; float: right; font-size: 14px;} #BlocoDois img {width: 100%; display: block; clear: both;} #BlocoTres {display: block; clear: both; margin: 30px 0;} #BlocoTres .ConteudoBloco {} #BlocoTres h3 {width: 420px; color: #a957b2; clear: both; display: block;} #BlocoTres p {width: 420px; font-size: 14px; text-align: justify;} #BlocoQuatro {position: relative; margin: 100px 0 0; display: block; clear: both;} #FotoBgQuatro {width: 100%;} #FotoMao {position: absolute; bottom: 0; right: 0;} #BlocoSeis {padding: 30px 100px;} #BlocoSeis p {width: 100%; text-align: center;} #BlocoSeis iframe {width: 100%; max-width: 560px;} #FimBlocos {padding: 30px; font-size: 10px; padding-bottom: 20px; border-bottom: 3px solid #a957b2;} @media screen and (max-width: 850px) { #BlocoUm {padding-bottom: 0;} #ImagemBlocoUm {position: initial; margin: 0 auto;} #BlocoUm .ConteudoBloco {position: initial;} #BlocoUm p {width: 100%; margin-bottom: 40px;} #BlocoUm h3 {margin: 30px auto 0; float: none;} #ImagemCentralDois {position: initial; margin: 0 auto;} #BlocoDois p {width: 100%; text-align: center;} #ImgBlocoDois {display: none;} #BlocoDois {margin-top: 0;} #BlocoDois .ConteudoBloco {width: 100%;} #BlocoDois h3 {width: 100%; text-align: center;} #BlocoTres img {float: none;} #FloatRight {display: none;} #BlocoQuatro p {width: 100%; text-align: center;} #BlocoUm .BackgroundBloco {display: none;} #BlocoUm:after {bottom: -50px; border-bottom: 50px solid #FFF;} #BlocoUm {margin-bottom: 70px;} #FotoMao {display: none;} #BlocoUm p {text-align: center;} #BlocoTres h3 {text-align: center; width: 100%;} #BlocoTres p {text-align: center; width: 100%;} #BlocoQuatro {margin: 0;} } @media screen and (max-width: 700px) { #LogoMultilaser img {position: inherit;} .ConteudoBloco {padding: 0 30px;} #BlocoSeis {padding: 30px 0;} } @media screen and (max-width: 600px) { #BlocoQuatro .BackgroundBloco {height: 260px;} #BlocoTres {padding: 0;} } @media screen and (max-width: 450px) { #ImagemBlocoUm {width: 100%;} #ImagemCentralDois {width: 100%;} #BlocoSeis {padding: 30px 0;} #BlocoTres img {width: 100%;} #BlocoTres .ConteudoBloco {padding: 0 10px;} } @media screen and (max-width: 350px) { #BlocoUm {margin-bottom: 140px;} #BlocoQuatro .BackgroundBloco {height: 200px;} #BlocoDois {margin-top: -50px;} #BlocoQuatro p {margin-top: 20px;} }