
  
  body{
    font-family: "Montserrat", sans-serif;
  }

  h3{
    font-family: "Cormorant SC", serif;
    font-size: 40px;
    line-height: 1;
  }
  .scrip{
    color: #C9A482;
    font-family: "Pinyon Script", cursive;
    font-size: 32px;
    margin-bottom: -5px;
  }
  .navbar{
    padding-top: 0;
    padding-bottom: 0;
    /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+20,3d3d3d+21,3d3d3d+100 */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(61,61,61,1) 20%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
  }
  .dropdown-menu{
    background-color: #2b2b2b;
    margin-top: 20px !important;
  }
  .dropdown-item{
    color: #fff;
    font-family: "Cormorant SC", serif;
    font-size: 18px;
  }
  .nav-link{
    font-family: "Cormorant SC", serif;
    font-size: 18px;
    color: #fff !important;
  }
  .navbar-dark .navbar-nav .nav-link {
    padding: 0 15px;
    max-width: 146px;
    line-height: .8;
    text-align: center;
    margin: 0 10px;
  }
  .navbar-brand{
    background-color: #ffff;
    padding: 10px 20px;
  }
  .logo{
    width: 198px;
  }
  

  .cover{
    min-height: calc(100vh - 80px);
    background-image: url(../images/fachada.jpg);
    background-size: cover;
    background-position: center;
    display: grid;
  }
  .cover-gradient-gray{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#3d3d3d+0,3d3d3d+100&0+0,1+100 */
    background: linear-gradient(to bottom,  rgba(61,61,61,.2) 0%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .cover-text{
    text-align: center;
    max-width: 720px;
    width: 90%;
    margin-left: 5%;
  }
  .cover-text p{
    font-family: "Pinyon Script", cursive;
    color: #fff;
    font-size: 60px;
    line-height: .5;
  }
  .cover-text h1{
    font-family: "Cormorant SC", serif;
    font-size: 120px;
    color: #fff;
    line-height: .8;
    filter: drop-shadow(2px 2px 8px rgb(0, 0, 0));
  }
  .cover-text hr{
    border: solid 1px #928055;
    opacity: 1;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  a.swiper-slide{
    text-decoration: none;
  }
  a.swiper-slide:hover{
    color: #fff;
    background-color: #333333;
  }
  .btn-dorado{
    background: #928055;
    color: #fff;
    border-radius: 40px;
    padding: 10px 40px;
    display: table;
    margin: 20px auto 0;
    text-decoration: none;
  }
  .btn-dorado:hover{
    background: #83724c;
    color: #fff;
    
    text-decoration: none;
  }
  .btn-dorado-dos{
    background: #928055;
    color: #fff;
    border-radius: 40px;
    padding: 10px 40px;
    display: table;
    margin: 20px 0 ;
    text-decoration: none;
  }
  .btn-dorado-dos:hover{
    background: #726341;
    color: #fff;

    text-decoration: none;
  }


  .mySwiper{
    margin-bottom: 100px;
  }
.sala-slide{
  border: solid 1px #7d7c7c;
  text-align: center;
  padding: 60px 30px 30px;
  color: #fff;
  height: auto;
}
.sala-numero{
  font-family: "Pinyon Script", cursive;
  color: #C9A482;
  font-size: 50px;
  opacity: .5;
  line-height: 1;
  margin-bottom: -20px;
}
.sala-titulo{
  font-family: "Cormorant SC", serif;
  font-size: 28px;
  line-height: 1;
}
.sala-descripcion{
  color: #C9C9C9;
  line-height: 1.2;
}
.cuadro-uno{
  width: 100%;
  margin-bottom: -20px;
}
.fachada-dos{
  width: 100%;
  margin-bottom: -60%;
}
.lugar{
  padding: 80px 0;
}
.cuadro-nino{
  margin-top: 40px;
  width: 40%;
}
.burro{
  margin-top: 60px;
  width: 55%;
}
.medecinas{
  width: 100%;
  max-width: 300px;
}
.lugar-dos{
 background-image: url(../images/museo-interior.jpg);
 background-position: center;
 background-size: cover;
 margin-top: 80px;
 position: relative;
}
.gray-card{
  background: rgba(61, 61, 61, .9);
  color: #fff;
  padding: 100px 80px;
  margin: -40px 0;
  position: relative;
  top: -40px;
}
.mapa-section{
  background-color: #E8E8E8;
}
.direccion-cont{
  max-width: 630px;
  margin-left: auto;
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
  padding-right: 80px;
}
.direccion{
  background-color: #fff;
  width: 80%;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
}
.direccion p{
  margin: 0;
  width: calc(100% - 61px);
  margin-left: 20px;
}
.direccion img{
  width: 40px;
}
.mapa{
  width: 100%;
  height: 100%;
  background-image: url(../images/mapa.JPG);
  background-size: cover;
  background-position: center;
}
.brujula{
  position: absolute;
  right: -120px;
  top: 40%;
  width: 180px;
}
footer{
  background-color: #3D3D3D;
  padding: 40px 0;
  color: #CCCCCC;
}
footer h4{
  font-size: 14px;
  letter-spacing: 0.25em;
}
footer p{
  font-size: 13px;
}
footer p a{
  color: #b3a17b;
  text-decoration: none;
}
footer p a:hover{
  color: #9b8860;

}
.redes-footer{
  margin-right: 10px;
}
.redes-footer img{
  width: 40px;
}
.maletas{
  max-width: 300px;
  width: 100%;
  margin-top: -100px;
}
.swiper-button-next::after, .swiper-button-prev::after{
  color: #928055;
}
.swiper-button-prev,  .swiper-button-next{
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255,.5); 
  border-radius: 30px;
}

.swiper-button-next.amigos::after, .swiper-button-prev.amigos::after{
  color: #ffffff;
}
.swiper-button-prev.amigos,  .swiper-button-next.amigos{
  width: 60px;
  height: 60px;
  background-color: rgba(51, 51, 51, .5);
  border-radius: 30px;
}

.bg-gray{
  background-color: #3D3D3D;
  color: #fff;
}
.cover-secundario{
  height: 280px;
  background-size: cover !important;
  background-position: center !important;
}
.cover-secundario-text h1{
  font-family: "Cormorant SC", serif;
  font-size: 50px;
  color: #fff;
  line-height: .8;
  filter: drop-shadow(2px 2px 8px rgb(0, 0, 0));
}
.p-tb{
  padding-top: 80px;
  padding-bottom: 80px;
}
.p-b{

  padding-bottom: 80px;
}
#msjok{
  background-color: #C9A482 ;
  border-radius: 10px;
 
  text-align: center;
}

/*-----------------------------InIcio de mi luchas ------------------ */
.cita{
  font-family: "Cormorant SC", serif;
  font-size: 22px;
  line-height: 1;
  color: #f7d7ba;
  letter-spacing: 2px;
  text-align: center;
  display: table;
  margin-bottom: 20px;
  background-color: #363636;
  padding: 15px;
}
.foto-nino{
  width: 100%;
  max-width: 400px;
  margin: -30px auto 0;
  display: table;
}
.burro-inicio{
  width: 100%;
  max-width: 300px;
  margin: -140px 0 0 auto;
  display: table;
}
.cuadro-mama{
  width: 100%;
}
.gray-box{
  display: flex;
  flex-wrap: wrap;
  background-color: #E8E8E8;
  padding: 60px 60px 20px;
  margin-top: -30px;
}
.carriola{
  width: 300px;
  margin-left: -105px;
  margin-top: -60px;
}
.gray-box-text{
  width: calc(100% - 250px);
  margin-left: 40px;
}
.cuadro-mama{
  width: 120%;
  margin-left: -20%;
}
.bg-escuela{
  background-image: url(../images/escuela2.jpg);
  background-position: center;
  background-size: cover;
  padding: 80px 0;
  text-align: right;
  margin-top: -40px;
  margin-bottom: 40px;
}
.foto-comunion{
  width: 80%;
  max-width: 340px;
  margin-right: -60px;
  position: relative;
}
.ajuste-div{
  max-width: 660px;
  padding: 120px 100px;
  color: #fff;
}
.cover-inicio-lucha{
  background-image: url(../images/bg-inicio-lucha.jpg);
  background-position: center;
  background-size: cover;
}

.cover-vida-laboral{
  background-image: url(../images/bg-vida-laboral.jpg);
  background-position: center;
  background-size: cover;
}
.cover-amigos{
  background-image: url(../images/bg-amigos.jpg);
  background-position: center;
  background-size: cover;
}
.cover-contacto{
  background-image: url(../images/bg-contacto.jpg);
  background-position: center;
  background-size: cover;
}




.fecha-izquierda, .fecha-derecha{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.fecha-derecha{
  border-left: solid 1px #C9A482;
  margin-left: -1px;
}
.fecha-izquierda{
  border-right: solid 1px #C9A482;
}
.fecha-izq-year, .fecha-der-year{
  font-size: 40px;
  font-weight: 600;
  color: #C9A482;
  line-height: .8;
 width: 64px;

}
.fecha-izq-year{
  text-align: left;
}
.fecha-der-year{
  text-align: right;
}
.fecha-izq-tex{
  text-align: right;
  padding-right: 10px;
}
.fecha-der-tex{
  padding-left: 10px;
}
.fecha-izq-tex, .fecha-der-tex{
  width: calc(100% - 64px);
  line-height: 1.2;

}
.fecha-izq-tex span, .fecha-der-tex span{
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
}
.fechas .col-lg-6{
  padding: 0;
}
.pleca-izq{
  width: 100%;
  height: 1px;
  border-right: 100px solid #C9A482;
  margin-bottom: 10px;
}
.pleca-der{
  width: 100%;
  height: 1px;
  border-left: 100px solid #C9A482;
  margin-bottom: 10px;
}
.modelo-de-negocio{
  padding: 80px 0;
}
.mortero{
  width: 180px;
  display: table;
  margin: 0 auto -50px
}
.farmacia-antigua{
  width: 90%;
  margin-top: -120px;
}
.farmacia-actual{
  width: 80%;
  margin-top: -180px;
  margin-left: 20%;
}
.frase-uno{
padding-top: 120px;
padding-bottom: 120px;
color: #fff;
background-color: #363636;
background-image: url(../images/farmacia-bg.jpg);
background-position: center;
background-size: cover;
}
.frase-uno p{
  font-size: 28px;
}

.cita2{
  background: #333333;
  padding: 40px;
  text-align: right;
  margin-top:100px}
.cita2 q{
  font-size: 2em;
  text-align: center;
}
.premio{
  width: 90%;
  margin-top: -70px;
}
.medalla{
  width: 270px;
  margin: -130px 60px 0 auto;
  display: table;
  position: relative;
}
.bg-ayuda-don-victor{
  background-image: url(../images/ayuda-don-victor.jpg);
  background-position: center;
  background-size: cover;
  padding: 80px 0;
  text-align: right;
  margin-top: -40px;
}
.frase2{
  background-color: #F5F5F5;
  font-size: 22px;
  text-align: center;
  display: table;
  padding: 20px;
  margin-bottom: 20px;
  color: #4B4B4B;
  font-weight: 100;
  font-family: "Satisfy", cursive;
}
.mariposa{
  width: 100%;
  max-width: 340px;
  display: table;
  margin: 80px auto 0;
}
.verdades{
  /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#e8e8e8+0,e8e8e8+69,ffffff+70,ffffff+100 */
background: linear-gradient(to right,  #e8e8e8 0%,#e8e8e8 70%,#ffffff 70%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 80px 0;
}
.verdad{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.numero-verdad{
  font-size: 22px;
  font-weight: 800;
  background-color: #C9A482;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  text-align: center;
  padding-top: 4px;
}
.verdad-text{
  width: calc(100% - 40px);
  padding-left: 15px;
}
.verdades-img{
  width: 100%;
}
.frase-dos{
  padding-top: 120px;
  padding-bottom: 120px;
  color: #fff;
  background-color: #363636;
  background-image: url(../images/dr-simi-ayudando.jpg);
  background-position: center;
  background-size: cover;
  }
  .frase-dos p{
    font-size: 28px;
  }

  .amigos-cuadro{
    width: 100%;
    margin:  15px auto -40px;
    max-width: 300px;
    display: table;
  }
 
  .cuadros-container{
    background-image: url(../images/bg-ladrillos.jpg);
    background-size: cover;
    background-position: center;
    padding: 140px 0;
  }
  .caricatura img{
    width: 100%;
  }
  .placa-nombre{
   /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
    background: linear-gradient(to right,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin: 15px auto;
    padding: 10px 15px;
    display: table;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
    border-radius: 4px;
    text-align: center;
    line-height: 1;
  }
  .modal-caricatura{
    padding: 15px;
  }
  .close-modal{
    width: 40px;
    height: 40px;
    border-radius: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    background: red url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  }
  .form-container{
    background-color: #4B4B4B;
    padding: 60px;
    border: solid 1px #707070;
    width: 90%;
  }
  .bg-gray-white{
    background-color: #3D3D3D;
    color: #fff;
    /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: linear-gradient(to bottom,  #3D3D3D 0%,#3D3D3D 70%,#fff 70%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding-bottom: 40px;

  }
  .brujula-contacto{
    width: 200px;
    margin: auto;
    display: table;
    margin-top: 80px;
  }
  .btn-enviar{
    background-color: #C9A482;
    width: 100%;
    color: #fff;
  }

  .frase-contacto{
    padding-top: 120px;
    padding-bottom: 120px;
    color: #fff;
    background-color: #363636;
    background-image: url(../images/bg-contacto-frase.jpg);
    background-position: center;
    background-size: cover;
    }
    .frase-contacto p{
      font-size: 28px;
    }
    .fecha-der-year.movil{
      display: none;
    }
    .cuadro-ser{
      width: 100%;
      max-width: 300px;
      display: table;
      margin: auto;
    }
    .btn-close{
      position: absolute;
      right: 0;
      top: 0;    
      color: #fff;
      border-radius: 26px;
      padding: 10px;
      background:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
      background-color: red;
  }
  /*-----------------Talleres -----------------------*/
  .talleres{
    margin-top: -120px;
  }
  .taller{
    display: flex;
    flex-wrap: wrap;
    width: 100%;    
    background: linear-gradient(to right,  rgba(74,73,73,0) 0%,rgba(74,73,73,0) 10%,rgba(74,73,73,1) 10%,rgba(74,73,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #fff;
    margin-bottom: 40px;
    position: relative;
  }
  .img-taller{
    width: 220px;
    padding-top: 40px;
  }
  .img-taller img{
    width: 100%;
  }
  .taller-info-container{
    width: calc( 100% - 220px);
    padding: 40px;
  }
  .taller-fecha, .taller-precio{
    display: flex;
    flex-wrap: wrap;
    width: 100%; 
    color: #EFD390;
  }
  .taller-fecha img, .taller-precio img{
    width: 28px; 
    margin-top: -15px;
    margin-right: 15px;
  }
  .taller-fecha p, .taller-precio p{
    width: calc( 100% - 45px); 
  }
  .taller-btn{
    background: #928055;
    color: #fff;
    border: none;
    padding: 10px 40px;
    border-radius: 40px;
  }
 .btn-disabled{
  pointer-events: none;
  background: #5a5a5a;
 }
  .taller-label{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    padding: 10px 40px;
  }
  .taller-lleno{
    background-color: red;
  }
 .taller-modal{
  background-color: #3D3D3D;
  color: #fff;
  border: solid 1px #707070;
  padding: 20px 40px 40px;
 }
 .taller-modal .modal-header{
  border: none;
  font-family: "Cormorant SC", serif;
 }
 .taller-nombre-form{
  font-size: 20px;
  margin-top: -30px;
 }
 #msjok-taller{
  text-align: center;
  margin: 15px 2px 0;
  background-color: #a3ef90;
  padding: 15px 0 0;
  color: #012d01;
 }
 
    @media (max-width: 1399.98px) { 
      
     }

    @media (max-width: 1199.98px) { 
      .cover-text h1{
        font-size: 90px;
      }
      .cover-text p{
        font-size: 40px;
      }
      .sala-numero{
        font-size: 36px;
      }
      h3{
        font-size: 32px;
      }
      .script{
        font-size: 28px;
      }
      .brujula{
        width: 120px;
        right: -80px;
      }
      .direccion-cont{
        max-width: 440px;
        padding-right: 40px;
      }
      .direccion{
        width: 90%;
      }
      .cita2 q {
        font-size: 24px;
      }
     }

    @media (max-width: 991.98px) { 
      .logo {
        width: 160px;
      }
      .cover-text h1 {
        font-size: 80px;
      }
      .fachada-dos {
        width: 60%;
        margin: 40px auto -30%;
        display: table;
      }
      .lugar{
        padding: 140px 0 80px;
      }
      .direccion-cont{
        max-width: 720px;
        padding-right: 0px;
        margin: auto;
        padding-top: 120px;
        padding-bottom: 100px;
      }
      .mapa{
        height: 400px;
      }
      .brujula {
        width: 120px;
        right: 42%;
        bottom: -50px;
        top: auto;
      }
      .cuadro-nino {
        margin-top: 20px;
        width: 50%;
      }
      .burro {
        margin-top: 40%;
        width: 45%;
        margin-left: -10%;
      }
      .cuadro-mama{
        width: 100%;
        max-width: 400px;
        margin: 20px auto;
        display: table;
      }
      .foto-comunion{
        margin-right: 20px;
        margin-bottom: -60px;
      }
      .ajuste-div{
        max-width: 720px;
        padding:  80px 0;
        margin: auto;
      }
      .bg-escuela{
        margin-bottom: 0;
        padding: 80px 0 0;
      }
      .farmacia-antigua {
        width: 90%;
        margin-top: 14px;
      }
      .fecha-der-year.movil{
        display: block;
      }
     .fecha-izq-year{
      display: none;
     }
     .fecha-izq-tex{
      text-align: left;
      padding-right: 0;
      padding-left: 10px;
     }
     .fecha-izquierda {
      border-right: none;
      border-left:solid 1px #C9A482;;
    }
    .fecha-derecha {
      margin-left: 0;
    }
    .pleca-izq {      
      border-right: none;
      border-left: 100px solid #C9A482;      
    }
    .premio{
      max-width: 500px;
    }
    .bg-ayuda-don-victor {

      margin-top: 0px;
      height: 76vw;
    }
    .cita2{
      margin-top: 10px;
    }
    .mariposa {
      max-width: 240px;
      margin: -60px auto 20px;
    }
    .verdades {
      background: linear-gradient(to bottom, #e8e8e8 0%,#e8e8e8 70%,#ffffff 70%,#ffffff 100%);
      padding: 80px 0;
    }
    .form-container{
      width: 100%;
      margin-bottom: 60px
    }

     }

    @media (max-width: 767.98px) { 
      .direccion-cont {
        max-width: 540px;
      }
      .cuadro-uno{
        max-width: 310px;
        margin: 20px auto;
        display: table;
      }
      .maletas {
        max-width: 220px;
        width: 100%;
        margin-top: 0;
      }
      .navbar{
        background: #3d3d3d;
      }
      nav .container{
        max-width: 100%;
      }
      .nav-item{
        text-align: center;
      }
      .navbar-dark .navbar-nav .nav-link{
        text-align: center;
        max-width: 100%;
        padding: 20px 0;
        border-bottom: solid 1px #5e5e5e;
      }
      .navbar-dark .navbar-nav .nav-link:last-child{
        border-bottom: none;
      }
      .dropdown-item{
        text-align: center;
        border-bottom: solid 1px #3f3f3f;
        padding: 10px 0;
      }
      .ajuste-div{
        max-width: 540px;
      }
     .carriola{
      width: 100%;
      margin-left: 0;
      max-width: 300px;
      margin-top: -100px;
     }
     .gray-box{
      margin-top: 80px;
      padding: 30px 30px 20px;
     }
     .gray-box-text {
      width: 100%;
      margin-left: 0px;
    }
    .burro-inicio {
      margin: -140px 0px 34px auto;
    }
    .cover-secundario-text h1{
      font-size: 42px;
    }
    .mortero {
      width: 140px;

    }
    .frase-dos p {
      font-size: 22px;
    }
    .navbar-brand {
      margin-left: -20px;
    }
    .taller {
      background: linear-gradient(to bottom, rgba(74,73,73,0) 0%,rgba(74,73,73,0) 10%,rgba(74,73,73,1) 10%,rgba(74,73,73,1) 100%);
      margin-bottom: 20px;
      padding-top: 0;
    }
    .taller-info-container {
      width: 100%;
      padding: 40px;
    }
    .img-taller {
      width: 180px;
      padding-top: 0;
    }
    h3 .taller-titulo{
      font-size: 24px;
    }
    .taller p{
      font-size: 14px;
    }
    .taller-label {
      top: 43px;
      padding: 10px 20px;
      font-size: 14px;
    }

     }

    @media (max-width: 575.98px) { 
      .cover-text h1 {
        font-size: 70px;
      }
      .gray-card {      
        padding: 40px 40px;
       
      }
      .direccion-cont {
        padding-left: 15px;
        padding-right: 15px;
      }
      footer{
        text-align: center;
      }
      .direccion{
        width: 100%;
      }
      .cover-secundario-text h1{
        font-size: 30px;
      }
      .cover-secundario {
        height: 140px;
        /*margin-top: 68px;*/
      }
      .p-tb {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      h3 {
        font-size: 28px;
      }
      .scrip {
        font-size: 26px;
      }
      .fechas{
        padding: 15px;
      }
      .frase-uno p {
        font-size: 18px;
      }
      .mortero {
        width: 130px;

      }
      .cita2 q {
        font-size: 20px;
      }
      .premio {
        width: 90%;
        margin-top: -20px;
      }
      .frase-dos p {
        font-size: 18px;
      }
      .cuadros-container {
        padding: 150px 0 0px;
      }
      .form-container{
        padding: 40px 20px;
      }
      .direccion{
        box-shadow: 2px 2px 10px rgba(0,0,0,.2);
      }
      .swiper{
        padding: 20px;
      }
      .taller-modal {
        padding: 20px 20px 40px;
      }
      .taller-fecha img, .taller-precio img{
        width: 24px; 
      }

     }

