.title {
  margin-left: 0;
}

.navbar {
  height: 97px;
}

.div_potrillos {
  height: 100%;
}

.stickThis {
  display: none;
}

.stick {
  display: block;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 2;
  background-color: white;
  color: black;
  width: 100%;
  text-align: center;

}

.division-potrillo{
  border: 5px solid #FFFF66; 
  border-radius: 300px/10px; 
  height: 0px; 
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
.mi-hr{
  border: 2px solid #fff; 
  border-radius: 300px/10px; 
  height: 0px; 
  text-align: center;
}
.mi-h{
  border: 1px solid #fff; 
  width: 30%;
}

.upper{
  text-transform: uppercase;
}


@media (min-width: 768px){
  .img-padre-madre{
    width: 130%;
    box-shadow: 9px 8px 20px 0px #1d1c1c;
    border-radius: 100px;
  }

  .div-potrillo{
    margin-bottom: 10px;
  }

  .img-potrillo{
    width: 100%;
    box-shadow: 9px 8px 20px 0px #1d1c1c;
  }
}

@media (min-width: 544px) and (max-width: 767px){
  .img-padre-madre{
    width: 100%;
    box-shadow: 9px 8px 20px 0px #1d1c1c;
    border-radius: 100px;
  }

  .div-potrillo{
    margin-bottom: 50px;
  }

  .img-potrillo{
    width: 80%;
    box-shadow: 9px 8px 20px 0px #1d1c1c;
  }
}

@media (max-width: 543px){
  .img-padre-madre{
    width: 30%;
    box-shadow: 9px 8px 20px 0px #1d1c1c;
    border-radius: 100px;
    margin-bottom: 20px;
  }

  .div-potrillo{
    margin-bottom: 50px;
  }

  .img-potrillo{
    width: 80%;
    box-shadow: 9px 8px 20px 0px #1d1c1c;
  }

  .btn-potrillo-detalle{
      margin-left: 55px;
  }

  .img-potrillo{
    width: 100%;
    box-shadow: 9px 8px 20px 0px #1d1c1c;
  }

  .section-madre-padre{
    margin-top: 0px;
  }
}


@media (min-width: 400px) and (max-width: 450px){
  .btn-potrillo-detalle{
    margin-left: 40px;
  }
}

@media (min-width: 300px) and (max-width: 399px){
  .btn-potrillo-detalle{
    margin-left: 30px;
  }
}


@media (min-width: 992px){
  .div-madre{
    margin: 10px 0px 0px 50px; height: 200px !important;
  }
  .div-padre{
    margin: 10px 0px 0px 50px; height: 200px !important;
  }

  .div-madre-padre{
    height: 400px !important;
  }

  .btn-potrillo-detalle{
      margin-left: 0px;
  }

  .section-madre-padre{
    margin-top: 40px;
  }


}

@media (min-width: 768px) and (max-width: 991px){

  .div-madre-padre{
    height: 300px !important;
  }

  .div-madre{
    margin: 10px 0px 0px 50px; height: 150px !important;
  }
  .div-padre{
    margin: 10px 0px 0px 50px; height: 150px !important;
  }

  .btn-potrillo-detalle{
      margin-left: 0px;
  }

  .section-madre-padre{
    margin-top: 40px;
  }

}

@media (min-width: 544px) and (max-width: 767px){
  .btn-potrillo-detalle{
      margin-left: 20px;
  }

  .div-madre{
    margin: 10px 0px 0px 50px; height: 150px !important;padding-left: 40px;
  }
  .div-padre{
    margin: 10px 0px 0px 50px; height: 150px !important;padding-left: 40px;
  }

  .section-madre-padre{
    margin-top: 40px;
  }

      
}