@import url('https://fonts.googleapis.com/css?family=Quicksand:500');
Body{
  font-family: 'Quicksand', sans-serif;

}
header{
  height: 826px;
  background-image: url(../img/header.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
p{
  font-size: 18px;
}


nav{
  background: white !important;
  box-shadow: none !important;
  padding: 20px !important;
  min-height: 162px;
}
nav li{
  background: none !important;
  margin-bottom: 50px;
}
header .row{
  padding-top: 100px;
}

.active a{
  color: white !important;
  background: #d1170d !important;
  border: 1px solid #fff;
  border-radius: 100px;
}
/*================================  */


/*========header===============  */
.divider{
  height: 5px;
  border-radius: 28px;
  background-color: white;
  margin: 10px auto !important;
  width: 100px;
}
.divider-white{
  height: 5px;
  border-radius: 28px;
  background-color: white;
  margin: 10px auto !important;
  width: 100px;
}
.divider-red{
  height: 5px;
  border-radius: 28px;
  background-color: #d1170d;
  margin: 10px auto !important;
  width: 100px;
}
.bold{
  font-weight: bold;
}

.row-header{
  margin-top: 200px !important;
}
.black-doctor{
  border-radius: 300px;
  border: solid 8px white ;
}
/* med-info */
.med-info{
  min-height: 450px;

  padding-right: 40px;
}
.med-info .row{
 margin-bottom: 50px;
}
.med-info .col{
  margin-top:130px; 
}
.col-2{
  padding-left: 20px !important;
  border-radius: 5px;
  border-left: 12px red solid;
  
}
.med-info .para-1{
  padding-top:50px;
}
.med-info .para-2{
  padding-bottom:50px;
}
.caja-roja{
  width: 600px !important;
  background-color: #d1170d;
  min-height: 100px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  font-weight: bold;
  
}
.caja-roja h3{
  font-weight: bold;
}
.roja{
  background-color: #d1170d;
  padding: 80px;
  text-align: left !important;
}
.roja p{
  
  text-align: left !important;
}
.roja img{
  margin-top: 100px;
  margin-bottom: 80px;
}
.col-text-1{
  padding-right: 50px !important;
  border-right: 12px solid white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;

}
.col-text-2{
  padding-left: 50px !important;
}
.producto{
  min-height: 800px;
  background-image: url(../img/fondo-curva.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  /* background-position: center; */
  margin-top: -1px;

}
.sellos{
  margin-top: 100px;
}
.rojo-redondo{
  min-height: 100px;
  width: 350px;
  background-color: #d1170d;
  border-top-right-radius: 28px;
  border-top-left-radius: 28px;
  margin: 0 auto;
}
.info-contacto .row{
 margin:0px !important;
}
.contacto{
  min-height: 350px;
  background-color: #d1170d;
  margin-top: -1px;
}
.rojo-redondo h3{
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px;
    padding-top: 24px;
    /* padding-left: 15px; */
}
.contacto .container{
 width: 100% !important;
}
.contacto ul{
  margin: 0px;
}
.contacto ul li{
  display: inline-block;
  margin: 54px;
}
.primero{
  /* padding-top: 54px !important; */
}
.contacto p{
  font-size: 13px;
  color: white;
}
h5{
  color: white;
}
.material-icons{
  color: black;
  margin-top: 30px;
}

@media screen and (max-width:992px){
.brand-logo{
  width: 50%;
}

}

@media screen and (max-width:600px){
  .med-info {
    padding-right: 0px;
  }
  .col-2{
    border: none;
  }
  .roja{
    padding: 20px;
  }
  .caja-roja{
    width: 100%;
    border: none !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .caja-roja h3{
    font-size: 30px;
    padding-left: 60px;
  }
  .col-text-1{
    border: none;
  }
  .col-text-2{
    padding: 15px !important;
  }

}