.nav-logo {
  height: 52px;
}
.title {
  font-size: 1.2em;
  line-height: 1.9;
  font-weight: 500;
}

#portada .content {
  font-size: 18px;
}

.logo-portada {
  height: 78px;
}

.portada-flotante {
  background: url('./slider/portada.jpg') center center no-repeat;
  background-size: cover;
  display: none;
}

#portada {
  margin-top: 80px !important;
}

.carousel-control-prev {
  margin-left: 5%;
}
.carousel-control-prev, .carousel-control-next {
  background-color: #000;
  border-radius: 100%;
  padding: 5px;
  text-align: center !important;
}

@media (min-width: 280px) and (max-width: 320px) {
  .nav-logo {
    height: 35px;
  }
}

@media (min-width: 321px) and (max-width: 420px) {
  .title {
    font-size: 1.22em;
  }
  .product-title {
    font-size: 1.1em;
  }  
}
@media (min-width: 280px) and (max-width: 575px) {
  .carousel-control-prev { 
    margin-left: 10%;
  }  
  .carousel-control-next { 
    margin-left: -10%;
  }
  .carousel-control-prev, .carousel-control-next {
    width: 42px;
    height: 42px;
  }  
  .portada-img {
    display: block;
    height: 190px;
    margin-top: -25px;
  }
  .portada-flotante {
    display: none;
  }
  .carousel-item {
    height: 190px;
  }

  #portada .logo-portada {
    height: 65px;
  }
  #portada .content {
    padding: 0.65em 0.85em;
  }
}

@media (min-width: 576px) {
  #portada .logo-portada {
    height: 80px;
  }
  #portada .content {
    padding: 1.1em 1.3em;
  }
  .carousel-control-prev { 
    margin-left: 7%;
  }  
  .carousel-control-next { 
    margin-left: -7%;
  }
  .carousel-control-prev, .carousel-control-next {
    width: 50px;
    height: 50px;
  }    
  .title {
    font-size: 1.5em;
  }  
  .portada-flotante {
    display: block;
    height: 350px;
  }
  .portada-img {
    display: none;
  }
  .carousel-item {
    height: 350px !important;
  } 
}