<!-- <div>
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/7707cc09-d11f-4d9e-bd62-3bec5ebdbc94/BG-Landing-Page.png" alt="background" class="img-background" />
</div> -->
<div>
<div class="heading"><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/284d9cd8-487b-4226-96cc-464ab8bb40fa/setinha.png" alt="" class="arrow" /><h2 class="conheca">CONHEÇA OS BENEFÍCIOS QUE NOSSA LINHA DE PRODUTOS PROPORCIONA AO REBANHO.</h2><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/284d9cd8-487b-4226-96cc-464ab8bb40fa/setinha.png" alt="" class="arrow" />
</div> <div class="bolinhas" ;>
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/acac3947-cf71-4f44-b71b-433bfda1f57d/bolinhas.png"
alt="bolinhas" />
</div>
<div class="iframe-container" style="text-align:center"><iframe height="400" src="https://www.youtube.com/embed/0-aUmOii4MU?rel=0&enablejsapi=1" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" alt="O que é mastite bovina" class="bayvideolength" id="tealium_youtube0" data-gtm-yt="true"></iframe></div><br></br>
<h2 class="cuidar" style="padding-top:20%" ;>CUIDAR DA GLÂNDULA MAMÁRIA TRAZ MAIS BENEFÍCIOS À PRODUÇÃO.</h2>
<div class="topp">
<div class="row quadrado" ;>
<div class="column"
style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/53f3dc07-af42-4b38-85a9-e2d930257d42/QUADRADO-1.png'); background-size: 100%"
;>
<p class="quadradotext"
style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 19%; margin-left: 20%; font-style: italic"
;>Durante todo o período seco, __parto e colostro de alta qualidade.__</p>
</div>
<div class="column"
style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/203ffcde-8bc6-49c4-aa74-cd8e38e89be9/QUADRADO-2.png'); background-size: 100%"
;>
<p class="quadradotext"
style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 19%; margin-left: 20%; font-style: italic"
;>__Assegura a produção e qualidade do leite,__ desde o primeiro dia de lactação.</p>
</div>
<div class="column"
style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/f8af9554-9429-4fbd-948f-9f823a7cc187/QUADRADO-3.png'); background-size: 100%"
;>
<p class="quadradotext"
style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 16%; margin-left: 20%; font-style: italic"
;>Investir no tratamento e prevenção __gera menos custos que as perdas de produtividade.__</p>
</div>
</div>
<div class="row quadrado" ;>
<div class="column"
style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/a95ef9ec-43ea-47d8-9cb2-74bc05f37812/QUADRADO-4.png'); background-size: 100%"
;>
<p class="quadradotext"
style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 19%; margin-left: 20%; font-style: italic"
;>Cuidar dos métodos de ordenha é __fundamental na prevenção da mastite.__</p>
</div>
<div class="column"
style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/aba45216-954b-4db4-a67f-7bd7704d97f0/QUADRADO-5.png'); background-size: 100%"
;>
<p class="quadradotext"
style="color:#ffffff; width: 71%; text-align: inherit; margin-top: 10%; margin-left: 15%; font-style: italic"
;>Preservar a higiene e a saúde do rebanho é __garantir a qualidade dos derivados e reduzir despesas
geradas por doenças.__</p>
</div>
<div class="column"
style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/cfb7604b-ee7f-4e08-a3b5-cbc9d5f89b5c/QUADRADO-6.png'); background-size: 100%"
;>
<p class="quadradotext"
style="color:#ffffff; width: 77%; text-align: inherit; margin-top: 10%; margin-left: 15%; font-style: italic"
;>__Usar soluções e produtos adequados__ a cada doença e período, é a __maneira mais eficaz de
proteger a glândula mamária e a rentabilidade.__</p>
</div>
</div>
</div>
<div class="blueline"><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/5e9a7e42-ead3-466a-adb5-113907927fa9/tracinho-divisor.png"
alt="" /></div>
<div>
<p class="escalho">Escolha uma de nossas soluções para cuidar do rebanho e melhorar a produtividade.</p>
</div>
<div class="twoimages">
<div class="insider">
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/45ac7ffe-c177-4115-934b-e9bbed5ad40f/VACA-SECA_Updated.png"
alt="" />
<div class="tratamentodiv">
<a href="/produtos/leite/bovigam" style="position:absolute" ;>
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/c1f6ba03-5b5b-4f73-a83b-f9193938e484/VACA-SECA_BOVIGAM-VS.png"
alt="" class="tratamentoimg1" /></a>
<a href="/produtos/leite/vetimast" style="position:absolute" ;>
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/7150b24d-5a25-4641-aca8-45e4fcc38eac/VACA-SECA_VETIMAST-VS.png"
alt="" class="tratamentoimg2" /></a>
</div>
</div>
<div class="insider">
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/77dbe82f-5088-4ad4-b443-e2428c9fe8b6/MASTITE_updated.png"
alt="" />
<div class="mastitediv">
<a href="/produtos/leite/vetimast" class="mastiteimga" style="position:absolute;" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/52649972-04a3-4590-9278-96513fabe4ca/MASTITE_VETIMAST.png"
alt="" class="mastiteimg1" /></a>
<a href="/produtos/leite/bovigam" class="mastiteimga2" style="position:absolute" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/25bfd25a-c9bf-407c-a405-b0e277be3fe1/MASTITE_BOVIGAM.png"
alt="" class="mastiteimg2" /></a>
<a href="/produtos/leite/tylan" class="mastiteimga3" style="position:absolute" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/e1ec90d4-c578-4945-b889-b2e46287b789/MASTITE_TYLAN-200.png"
alt="" class="mastiteimg3" /></a>
<a href="/produtos/leite/agrovet" class="mastiteimga4" style="position:absolute" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/cf16afb9-2293-4b42-a07b-57b5af40cd46/MASTITE_AGROVET-PLUS.png"
alt="" class="mastiteimg4" /></a>
<a href="/produtos/leite/kinetomax" class="mastiteimga5" style="position:absolute" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/91808de3-acf1-4770-b11a-2dd8cc37d7d4/MASTITE_KINETOMAX.png"
alt="" class="mastiteimg5" /></a>
</div>
</div>
</div>
<div class="foto" ;>
<div class="fotopicos" ;>
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/49a9295d-e6f7-4e1b-99db-53eee180d56d/FOTO-T%CE%B1PICOS.png"
alt="" />
</div>
<div class="foto-point" ;>
<p class="fotopoints" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png"
alt="" style="width:3%; margin-right:4%" ; />A mastite atinge cerca de __20% do rebanho no mundo.__
</p>
<br>
<p class="fotopoints" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png"
alt="" style="width:3%; margin-right:4%" ; />__25% é o prejuízo__ estimado somente pela mastite.
</p>
<br>
<p class="fotopoints" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png"
alt="" style="width:3%; margin-right:4%" ; />Sua incidência causa sérias __alterações na composição
do leite.__</p>
<br>
<p class="fotopoints" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png"
alt="" style="width:3%; margin-right:4%" ; />A mastite __aumenta o número de células somáticas.__
</p>
<br>
<p class="fotopoints" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599a-4095-8e4d-841d15970d5b/pin.png"
alt="" style="width:3%; margin-right:4%" ; />60 % da mastite clínica durante a lactação podem ser
provenientes <span class="sp">de <strong>infecções no período seco.</strong></span></p>
<br>
<p class="fotopoints" ;><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png"
alt="" style="width:3%; margin-right:4%" ; />A taxa de novas infecções é __10x mais alta durante a
lactação.__</p>
</div>
</div>
<div class="blueline"><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/5e9a7e42-ead3-466a-adb5-113907927fa9/tracinho-divisor.png"
alt="" /></div>
<div style="margin-top:5%" ;>
<p class="escalho">Veja especialistas contando suas experiências sobre a saúde do rebanho.</p>
</div><br></br>
<div class="video-container">
<div class="video_container_frame">
<iframe width="300" height="200" src="https://www.youtube.com/embed/vvNWa6SKw9o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<p class="video_container_content">
A Evolução dos cuidados da Glândula Mamaria e a qualidade do leite
</p>
</div>
<div class="video_container_frame">
<iframe width="300" height="200" src="https://www.youtube.com/embed/8wysAJm6Lxo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<p class="video_container_content">
Como implementar a terapia de vaca seca e impactar positivamente a saúde da Glândula Mamária do seu rebanho
</p>
</div>
</div>
<br></br>
<div class="video-container">
<div class="video_container_frame">
<iframe width="300" height="200" src="https://www.youtube.com/embed/YWaL1rVC0Mo"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<p class="video_container_content">
Como prevenir a mastite
</p>
</div>
<div class="video_container_frame">
<iframe width="300" height="200" src="https://www.youtube.com/embed/dl5N8g-jWO8"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<p class="video_container_content">
Quais os sintomas e como tratar a mastite?
</p>
</div>
</div>
<div class="blueline"><img
src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/5e9a7e42-ead3-466a-adb5-113907927fa9/tracinho-divisor.png"
alt="" /></div>
<div style="margin-top:5%" ;>
<p class="escalho">Visualize aqui as soluções Elanco mais adequada para cada necessidade.</p>
</div>
<div class="twobtn">
<button type="button" class="protocol"><a
href="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/306fe8d4-2529-4fb0-bbde-cd6f76f9a141/Protocolo%20Elanco%20_%20Mastite.pdf"
alt="" target="_blank" style="color:#08f6f5" ;>
<p class="ptext">__Protocolos__</p>
</a></button>
<button type="button" class="infogra"><a
href="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/4c082d11-6cd5-484a-958b-b325afe729e2/Infogr%C3%A1fico%20Mastite%20-%20com%20c%C3%B3digo.pdf"
alt="" target="_blank" style="color:#08f6f5" ;>
<p class="ptext">__Infográfico__</p>
</a></button>
</div>
<div class="bookblock">
<div class="bookleftblock">
<h2 class="book">
BAIXE O E-BOOK
</h2>
<p class="bookdesc">
E saiba como cuidar da saúde da glândula mamária com a Elanco.
</p>
<div class="btn1">
<a href="https://campaign.elanco.com/pt-br/glandulamamaria/">
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/0043426c-7f00-4e77-a5f2-51665385240e/BOT%E2%95%9FO-CLIQUE-AQUI.png" alt="" style="width: 50%; margin-left: 42%; margin-top: 5%"/>
</a>
</div>
</div>
<div class="bookrightblock">
<img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/216205c0-c7ed-4b0e-8052-f64c20299b30/EBOOK.png" width="600" alt="" />
</div>
</div>
</div><br></br>
<p style="color:#ffffff"> PM-BR-21-0906</p><br></br>
<style>
.iframe-container{
position: relative;
width: 100%;
padding-bottom: 58%;
height: 0;
}
.mastiteimga {
margin-left: -10px;
}
.bookblock{
display:flex;
justify-content: center;
align-items: center;
margin-top:40px;
padding: 0 20px;
width:90%
}
.video_container_content {
text-align: center;
width: 60%;
padding: 0 20px;
}
.video_container_frame {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #00ffff;
font-size: 1.5rem;
}
.video-container {
display: flex;
max-width: 800px;
margin: auto;
justify-content: center;
align-items: center;
padding: 10px;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0%;
width: 100%;
height: 90%;
}
.productDetails{
background:url(https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/7707cc09-d11f-4d9e-bd62-3bec5ebdbc94/BG-Landing-Page.png)
}
.tratamentodiv{
margin-top:-33%;
margin-left:39%;
margin-bottom: 30%;
display:flex;
width:100%;
position:relative;
}
.mastitediv{
margin-top:-27%;
margin-bottom: 30%;
margin-left:31%;
display:flex;
width:100%;
position:relative;
}
.tratamentoimg1{
margin-left: -30%;
margin-right: 5%;
width: 70%;
margin-top:23%;
height:0%;
}
.tratamentoimg2{
width: 70%;
margin-right: 5%;
margin-top:15%;
height:0%;
margin-left:80%;
}
.tratamentoimg3{
width: 70%;
margin-top:20%;
height:0%;
margin-left:175%;
}
.mastiteimg1{
width:70%;
height:0%;
margin-left:0%;
}
.mastiteimg2{
margin-top: -7%;
width: 70%;
height: 0%;
}
.mastiteimga2{
margin-left:12%;
}
.mastiteimg3{
height: 0%;
width: 70%;
margin-top: 1%;
}
.mastiteimga3{
margin-left:22%;
}
.mastiteimg4{
height: 0%;
width: 70%;
margin-top: -7%;
}
.mastiteimga4{
margin-left:35%;
}
.mastiteimg5{
width: 70%;
margin-top: -8%;
height: 0%;
}
.mastiteimga5{
margin-left:45%;
}
.pm{
color: #ffffff;
font-size: 1.8rem;
margin-left: -15%;
margin-top: 15%;
font-family: Graviola Soft Bold;
}
.sp{
margin-left:7%;
}
.ptext{
color: black;
font-size: 2rem;
}
.protocol{
margin-top: 5%;
background-color:#08f6f5;
border-radius: 50px;
width: 50%;
margin-left: 0%;
}
.infogra{
margin-top: 5%;
background-color:#08f6f5;
border-radius: 50px;
width: 50%;
margin-left: 35%;
}
.bolinhas{
width: 175%;
margin-left: -39%;
margin-top: -13%
}
.twobtn{
display:flex;
margin-top:5%;
margin-left: 10%;
width: 80%;
}
.topp{
padding-top:12%;
}
.twoimages{
display:flex;
width:153%;
margin-left:-26%;
margin-top:12%
}
.img-background{
max-width:180%;
margin-left:-40%;
display:block;
margin-top:-150%;
}
.btn{
margin-right: auto;
width: 40%;
margin-left: auto;
margin-top: 8%;
}
.arrow{
width: 5%;
height: 5%;
padding-top: 5%;
}
.productDetails{
margin-top:0px !important;
}
.conheca{
color: #08f6f5 !important;
padding-top: 3% !important;
font-style: normal !important;
font-family: Graviola Soft Bold !important;
width: 80% !important;
text-align: center !important;
font-size: 3rem !important;
}
.blueline{
text-align: center;
margin-top: 13%;
}
.cuidar{
margin-top: -25% !important;
width: 100% !important;
margin-left: -1% !important;
color: #08f6f5 !important;
font-style: normal !important;
font-family: Graviola Soft Bold !important;
font-size: 3rem !important;
}
.imgimg{
margin-top:-495%;
}
.foto{
display:flex;
margin-top:10%
}
.fotopicos{
margin-left:-38%;
width:55%
}
.foto-point{
margin-left: 12%;
margin-top: 7%
}
.fotopoints{
color:#ffffff;
font-style:italic;
font-size:2rem
}
.lefter{
margin-left:0%;
}
.escalho{
color: #ffffff;
width: 100%;
font-size: 3rem;
font-family: Graviola Soft Bold !important;
padding-top: 10% !important;
font-style: normal !important;
text-align:center;
}
<!--.bookblock{
display:flex;
margin-top:18%;
width:125%
} -->
.bookleftblock{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width:50%;
}
.bookrightblock{
width:80%;
}
.book{
color: #08f6f5 !important;
padding-top: 20% !important;
font-style: italic !important;
font-family: Graviola Soft Bold !important;
width: 100% !important;
text-align: center !important;
font-size: 4rem !important;
}
.bookdesc{
color: #ffffff;
font-style: normal;
text-align: end;
font-size: 2rem;
margin-right: 10%;
}
ul {list-style-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png');}
.quadrado{
margin-left:-40% !important;
width:165% !important;
}
.column {
float: right;
width: 30%;
padding: 10px;
height: 250px; /* Should be removed. Only for demonstration */
}
.quadradotext{
font-size: 2rem;
}
.heading{
display:flex;
width:120%;
margin-left:-5%;
}
.btn1{
margin-left: -27%;
width: 130%;
}
@media (max-width:768px){
.tratamentodiv{
margin-left:3%;
margin-top: -22%;
margin-bottom:30%;
display: flex;
width: 100%;
position: relative;
}
.tratamentoimg3{
width: 70%;
margin-top:20%;
height:0%;
margin-left:175%;
}
.mastiteimg1{
width:55%;
height:0%;
margin-left:120%;
}
.mastiteimg2{
margin-left:112%;
width: 55%;
height: 0%;
}
.mastiteimga2{
margin-left:12%;
}
.mastiteimg3{
height: 0%;
width: 55%;
margin-left:95%
}
.mastiteimga3{
margin-left:22%;
}
.mastiteimg4{
height: 0%;
width: 55%;
margin-left: 135%;
padding-top: 12%;
}
.mastiteimga4{
margin-left:35%;
}
.mastiteimg5{
width: 55%;
margin-left: 110%;
height: 0%;
padding-top: 10%;
}
.mastiteimga5{
margin-left:45%;
}
.cuidar h2{
text-align: center;
}
.mastiteimga {
margin-left: -41px;
}
.bookleftblock{
width:100%;
}
.bookblock{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width:90%;
}
.video-container {
display: flex;
flex-direction: column;
max-width: 800px;
margin: auto;
justify-content: center;
align-items: center;
padding: 10px;
}
.tratamentoimg1{
margin-left: 106%;
width: 65%;
margin-top: -49%;
}
.tratamentoimg2{
width: 60%;
margin-right: 5%;
margin-top: -50%;
height: 0%;
margin-left: 209%;
}
.mastitediv{
margin-top: -31%;
margin-bottom: 52%;
margin-left: 4%;
display: flex;
width: 100%;
position: relative;
}
.heading{
padding-top: 20%;
display: flex;
width: 100%;
margin-left: 6%;
}
.sp{
margin-left:0%;
}
.topp{
padding-top:3%;
}
.twobtn{
display:block;
margin-top:5%;
}
.lefter{
margin-left:5%;
}
.blueline{
text-align: center;
margin-top: 1%;
width: 50%;
margin-left: 25%;
}
.btn{
margin-right: auto;
width: 50%;
margin-left: 44%;
margin-top: 5%;
}
.insider{
width:105%;
margin-left: -12%;
}
.img-background{
max-width: 172%;
margin-left: -13%;
display:block;
margin-top: 0%;
}
.imgimg{
margin-top:-588%;
}
.conheca {
font-size: 1.6rem !important;
font-weight: 300 !important;
padding-top: 2% !important;
}
.productDetails {
display:flex;
width: 100%;
}
.bolinhas{
width: 100%;
margin-left: 0%;
}
.cuidar {
width: 100% !important;
margin-left: 1% !important;
margin-top:-35% !important;
font-size: 1.5rem !important;
}
.twoimages{
display:block;
width:100%;
margin-left:0%;
margin-top:10%
}
.foto{
display:flex;
margin-top:0%;
width:100%;
line-height: 1;
}
.fotopicos{
margin-left:-9%;
width:100%;
line-height: 1;
}
.foto-point{
margin-left: 0%;
margin-top: 5%
}
.fotopoints{
font-size:1rem;
line-height: 1;
}
.pm {
color: #ffffff;
font-size: 1.2rem;
margin-left: 4%;
margin-top: 0%;
font-family: Graviola Soft Bold;
}
.btn1{
margin-left: 4%;
width: 104%;
}
.escalho{
font-size: 1.6rem;
width: 100%;
margin-top:-2%;
}
<!--.bookblock{
width:100%;
margin-top: 13%;
} -->
.bookleftblock{
width:100%;
}
.bookrightblock{
display: flex;
justify-content: center;
align-items: center;
width:100%;
}
.bookrightblock img{
display: flex;
justify-content: center;
align-items: center;
width:300px;
}
.book{
padding-top: 12% !important;
font-size: 1.6rem !important;
line-height: 1;
}
.bookdesc{
font-size: 1.2rem;
line-height: 1;
}
.quadrado{
margin-left:-6% !important;
width:110% !important;
}
.column {
float: left;
width: 33.33%;
height: 85px; /* Should be removed. Only for demonstration */
}
.quadradotext{
font-size: 1rem;
line-height: 1;
width:103% !important;
margin-top: -2% !important;
margin-left: 0% !important;
}
.protocol{
background-color: #08f6f5;
border-radius: 50px;
height: 10px;
margin-left: 22%;
width:60%;
}
.infogra{
margin-top: 0%;
background-color: #08f6f5;
border-radius: 50px;
height: 10px;
width:60%;
margin-left:22%;
}
.ptext{
color: black;
font-size: 1.6rem;
margin-top: -16%;
margin-left: -6%;
}
}
@media(max-width:375px){
#header{
height:210px !important;
}
.sp{
margin-left:0%;
}
.book {
padding-top: 6% !important;
font-size: 1.6rem !important;
line-height: 1;
}
.bookdesc {
font-size: 1.2rem;
line-height: 1;
}
.btn1 {
margin-left: -40%;
width: 150%;
}
.conheca {
font-size: 1.6rem !important;
font-weight:300 !important;
padding-top: 0% !important;
}
.foto{
display:flex;
margin-top:0%;
width:100%;
line-height: 1;
}
.fotopicos {
margin-left: -10%;
width: 100%;
line-height: 1;
}
.fotopoints{
font-size:0.8rem;
line-height: 1;
}
.bookblock {
display: flex;
width: 100%;
margin-top: 0%;
}
.lefter {
margin-left: 0%;
}
.quadrado{
margin-left: -11% !important;
width: 110% !important;
}
.img-background{
max-width: 177%;
margin-left: -15%;
display: block;
margin-top: 0%;
}
.cuidar{
width: 100% !important;
margin-left: 0% !important;
font-size: 1.6rem !important;
margin-top:-35% !important;
}
.column{
float: left;
width: 33.33%;
height: 76px;
}
.quadradotext {
font-size: 0.8rem;
line-height: 1;
width: 100% !important;
margin-top: 0% !important;
margin-left: 0% !important;
}
.protocol{
background-color: #08f6f5;
border-radius: 50px;
height: 10px;
margin-left: 22%;
width:70%;
}
.topp{
padding-top:0%;
}
.infogra{
margin-top: -1%;
background-color: #08f6f5;
border-radius: 50px;
height: 10px;
width:70%;
margin-left:40%;
}
.ptext{
color: black;
font-size: 1.6rem;
margin-top: -20%;
margin-left: -20%;
}
.twobtn{
display:inherit;
margin-top:0%;
}
.escalho{
font-size: 1.6rem;
width: 100%;
}
.arrow{
width: 5%;
height: 5%;
padding-top: 2%;
}
.pm{
color: #ffffff;
font-size: 1.2rem;
margin-left: 0%;
margin-top: 2%;
font-family: Graviola Soft Bold;
}
}
</style>