/* ----- RESPONSIVE ----- */
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 600px) {
  /* GENERAL */
  .ds-none{
    display: block;
  }
  .sm-none{
    display: none;
  }
  .navbar{
    background-image: url('../img/bg-w.jpg');
    background-blend-mode: multiply;
    background-color: #f4efdf;
    padding: 1rem;
    box-shadow: 0 5px 5px #343a4038;
  }
  .navbar-toggler{
    border: none;
  }
  .btn-close:focus{
    box-shadow: none;
  }
  .offcanvas.show:not(.hiding), .offcanvas.showing{
    background-color: #151414;
  }
  .btn-close{
    --bs-btn-close-color: #cbc7b9;
  }
  .offcanvas-header, .offcanvas-body{
    z-index: 999;
  }
  /* HOME */
  main.home{
    margin-top: 22%;
  }
  main.home .cont-logo-home svg{
    width: 45%;
    display: inline-block;
  }
  main.home .cont-logo-home svg.svg-estudio{
    width: 30%;
    margin-bottom: .4rem;
  }
  main.home .cont-info-home{
    max-width: 100%;
  }
  main.home .cont-info-home, main.home h1{
    font-size: 1rem;
  }
  main.home .frase-shdw{
    display: none;
  }
  main.home .cont-logo-2{
    display: none;
  }
  main.home .cont-stiky{
    margin-bottom: 10%;
  }
  .cont-project h3{
    font-size: 1.1rem;
  }
  .cont-project h2{
    font-size: .7rem;
  }
  section.contacto-home form{
    max-width: 80%;
  }
  /* TRABAJOS */
  main.trabajos{
    padding: 1rem;
    margin-top: 20%;
  }
  main.trabajos p{
    font-size: 1rem;
  }
  section.trabajos-t .cont-project{
    padding: 0;
  }
  section.servicios-t{
    padding: 1rem;
  }
  span.words{
    font-size: 7rem;
    line-height: 8rem;
    width: 120rem;
    text-shadow: 120rem 0, 240rem 0;
    letter-spacing: -.3rem;
  }
  main.project{
    margin-top: 15%;
  }
  section.info-project{
    padding: 2rem;
  }
  section.info-project p, section.detras-project p{
    padding-right: 0;
    font-size: 1rem;
  }
  section.info-project ul li h2{
    font-size: 1.3rem;
  }
  section.detras-project{
    padding: 2rem;
  }
  section.detras-project img{
    margin-top: 2rem;
    padding: .1rem;
  }
  section.galeria .v-1,   section.galeria .v-2{
    padding: 0;
  }
  .slides{
    width: 100%;
  }
  /* NOSOTROS */
  section.team{
    margin-top: 18%;
  }
  section.team span{
    font-size: 1.4rem;
  }
  section.info-nosotros p{
    font-size: 1rem;
  }
  section.info-nosotros .servicios-nosotros h2{
    font-size: 1.4rem;
  }
  /* CONTACTO */
  section.contacto .title-contacto{
    font-size: 1.2rem;
  }
  section.contacto p{
    font-size: .9rem;
  }
}