html { scroll-behavior: smooth; scroll-padding: 200px;}
.portada {
  height: 100vh;
  width: 100%;
  background: #5d5b6a; 
  background: url(../images/hero-min.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}

.btn_res { 
  font-family: 'Montserrat', sans-serif;
  font-weight: 600; 
  background-color: #ffc167;
  color: black;
  padding: 10px 0px 10px 0px;
  border-radius: 5px;
}

.tcircuitos hr { border-bottom: 7px solid #ff7a3a; max-width: 30%; margin-left: 0px; }
.circuitos h1{ color: black; font-family: 'Montserrat', sans-serif; font-size: 20px;}
.circuitos h4{ color: black; font-size: 14px; font-family: 'Montserrat', sans-serif; }
.circuitos p{ color: black; font-family: 'Montserrat', sans-serif; font-weight:400; }

.intro { margin-top: 37%; text-align: center;}


footer img { max-height:35px; padding-right:5px; }

/*  TAMAÑO SM */
@media (min-width: 576px) and (max-width: 767px) {

}

/*  TAMAÑO MD */
@media (min-width: 768px) and (max-width: 991px) {

.intro { margin-top: 25%; text-align: left;}

}

/*  TAMAÑO LG */
@media (min-width: 992px) and (max-width: 1199px) {
.portada { height: 100vh; }
.circuitos h4{ font-size: 16px; }
.intro { margin-top: 25%; text-align: left;}
}



/* TAMAÑO XL */
@media (min-width: 1200px) {
.portada { height: 100vh; }
.intro { margin-top: 25%; text-align: left;}


}