<div id="heade">
<div class="conta">
<div class="textwidget custom-html-widget">
<h1 class="infraestructura hidden">
INFRAESTRUCTURA
</h1></div>
</div>
</div>
<style type="text/css">
#heade {
background-image: url('https://curo.com.mx/wp-content/uploads/2019/09/ultrasonido-urinario.png');
background-repeat:no-repeat;
background-size: 100%;
background-position:top left;
position: relative;
padding-top: 185px;
}
#heade .conta {
height: 274px;
position: relative;
}
#heade .div1 {
position: absolute;
top: 20px;
}
#heade .div2 {
position: absolute;
bottom: 20px;
right: 20px;
}
@media (min-width: 992px) {
#heade {
background-image: url('https://curo.com.mx/wp-content/uploads/2019/09/ultrasonido-urinario.png');
background-repeat:no-repeat;
background-size: 100%;
background-position:top left;
position: relative;
padding-top: 205px;
}
#heade .conta {
height: 334px;
position: relative;
}
#heade .div1 {
position: absolute;
top: 20px;
}
#heade .div2 {
position: absolute;
bottom: 20px;
right: 20px;
}
.infraestructura{
text-align: center;
color: #fff;
font-size:50px;
font-family:'Anton';
font-style: normal;
font-weight:400;
}
}
@media (min-width: 700px) and (max-width: 800px){
#heade {
background-image: url('https://curo.com.mx/wp-content/uploads/2019/09/ultrasonido-urinario.png');
background-repeat:no-repeat;
background-size: 100%;
background-position:top left;
position: relative;
padding-top: 37px;
}
#heade .conta {
height: 75px;
position: relative;
}
#heade .div1 {
position: absolute;
top: 20px;
}
#heade .div2 {
position: absolute;
bottom: 20px;
right: 20px;
}
.infraestructura{
text-align: center;
color: #fff;
font-size:50px;
font-family:'Anton';
font-style: normal;
font-weight:400;
}
}
@media (min-width: 375px) and (max-width: 667px){
#heade {
background-image: url('https://curo.com.mx/wp-content/uploads/2019/09/ultrasonido-urinario.png');
background-repeat:no-repeat;
background-size: 100%;
background-position:top left;
position: relative;
padding-top: 37px;
}
#heade .conta {
height: 85px;
position: relative;
}
#heade .div1 {
position: absolute;
top: 20px;
}
#heade .div2 {
position: absolute;
bottom: 20px;
right: 20px;
}
.infraestructura{
text-align: center;
color: #fff;
font-size:35px;
font-family:'Anton';
font-style: normal;
font-weight:400;
}
}
@media (min-width: 325px) and (max-width: 568px){
#heade {
background-image: url('https://curo.com.mx/wp-content/uploads/2019/09/ultrasonido-urinario.png');
background-repeat:no-repeat;
background-size: 100%;
background-position:top left;
position: relative;
padding-top: 40px;
}
#heade .conta {
height: 80px;
position: relative;
}
#heade .div1 {
position: absolute;
top: 20px;
}
#heade .div2 {
position: absolute;
bottom: 20px;
right: 20px;
}
.infraestructura{
text-align: center;
color: #fff;
font-size:35px;
font-family:'Anton';
font-style: normal;
font-weight:400;
}
}
</style>
<strong>
<h3 style="font-size:30px; font-weight:bold; text-align:center;">
ULTRASONIDO DE TRACTO URINARIO
</h3>
</strong>
<br>
<hr style="color:gray;">
<div>
<center>
<img src="https://curo.com.mx/wp-content/uploads/2019/09/curo-ultra-1.jpg" style="width:85%;">
</center>
</div>
<div>
<center>
<img src="https://curo.com.mx/wp-content/uploads/2019/09/curo-ultra-2.jpg" style="width:85%;">
</center>
</div>
<div>
<center>
<img src="https://curo.com.mx/wp-content/uploads/2019/09/curo-ultra-3.jpg" style="width:85%;">
</center>
</div>