@font-face {
  font-family: "MyriadPro-Regular";
  src: url("../font/MyriadPro-Regular.eot");
  src: url("../font/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"),
    url("../font/MyriadPro-Regular.ttf") format("truetype"),
    url("../font/MyriadPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

html,
body,
header{
  font-family: "MyriadPro-Regular", serif;
}

.fuente-color{
  color: #75abda !important;
}

.fondo{
  background-color: #75abda !important; 
}

.fondo-degrade{
  background: rgb(249,178,62);
  background: linear-gradient(90deg, rgba(249,178,62,1) 0%, rgba(243,231,57,1) 100%);
}

.carousel-img{
  object-fit: cover;
  height: 85vh;
}

.img-movil{
  object-fit: cover;
  height: 85vh;
}

.chico {
  display: none;
}

#back-to-top {
  position: fixed;
  bottom: 4rem;
  right: 1.5rem;
  background: rgb(249,178,62);
  background: linear-gradient(90deg, rgba(249,178,62,1) 0%, rgba(243,231,57,1) 100%);
  color: #fff;
  padding: 10px 15px;
  display: none;
  transition: 0.5s;
  font-size: 1rem;
  border-radius: 50%;
  opacity: 100%;
}

#back-to-top:focus,
#back-to-top:hover {
  color: #fff;
  text-decoration: none;
  background: rgb(117,171,218);
  background: linear-gradient(90deg, rgba(117,171,218,1) 0%, rgba(0,0,0,0.44021358543417366) 100%);
}

@media (max-width: 900px) {
  html,
  body,
  header,
  .view {
    height: 100%;
  }

  .grande {
    display: none;
  }

  .chico {
    display: flex;
  }
}