/* Colors */
/* Page list for banner mixin */
/* Fonts */
/* Generic */
@media (max-width: 1439px) {
  section,
.header,
.banner,
#copyright {
    grid-template-columns: 1fr 1075px 1fr;
  }

  h2 {
    font-size: 36px;
    line-height: 41px;
  }

  h3 {
    font-size: 36px;
    line-height: 40px;
  }

  h6 {
    font-size: 32px;
  }

  .half-circle {
    width: 80px;
    height: 40px;
    border-bottom-left-radius: 90px;
    border-bottom-right-radius: 90px;
  }

  .spacer-lines {
    width: 37px;
    height: 10px;
  }

  .intro-text h2 {
    margin-bottom: 36px;
  }
  .intro-text .black {
    line-height: 14px;
    margin-bottom: 23px;
  }

  /* Header */
  .header {
    height: 80px;
  }
  .header.sticky {
    height: 50px;
    top: -50px;
  }
  .header.sticky .logo {
    height: 30px;
    width: 250px;
  }

  .over-links {
    grid-template-rows: repeat(2, 60px);
    row-gap: 10px;
  }
  .over-links a .link {
    grid-template-columns: 1fr 80px;
    width: 80px;
  }
  .over-links a .link:hover {
    width: 220px;
  }
  .over-links a .link h5 {
    font-size: 18px;
  }
  .over-links a .link .icon {
    width: 40px;
    height: 40px;
  }

  body {
    padding-top: 80px;
  }

  .banner {
    height: 290px;
  }
  .banner .gold-bar {
    width: 233px;
    height: 22px;
    top: 75px;
  }
  .banner h1 {
    font-size: 55px;
  }

  /* Footer */
  #footer {
    height: 276px;
  }
  #footer .container {
    padding-top: 100px;
  }
  #footer .container .info h5 {
    font-size: 15px;
    line-height: 10px;
  }

  #copyright {
    height: 72px;
  }
}
@media (max-width: 1279px) {
  .owl-dots {
    display: none;
  }

  h2 {
    font-size: 46px;
  }

  .intro-text h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 34px;
  }

  h6 {
    font-size: 28px;
  }

  .banner {
    height: 170px;
  }

  section, .header, .banner, #copyright {
    grid-template-columns: 1fr 600px 1fr;
  }

  .header .container #main-nav {
    display: none;
  }

  .banner h1 {
    font-size: 45px;
  }

  .header .container #pushy-button {
    display: block;
  }

  #footer .container {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    padding-top: 20px;
  }
  #footer .container .info a br {
    display: none;
  }
  #footer .container .social {
    width: 130px;
    padding-left: 10px;
  }

  #galerias,
section#contacto form,
section#contacto .info,
#actividades #celebraciones .container,
#actividades #intro,
#home #armonia,
.intro-text {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 50px;
  }

  #galerias, section#contacto form, section#contacto .info, #actividades #celebraciones .container, #actividades #intro, #home #armonia, .intro-text {
    padding: 20px 0;
  }

  section, .header, .banner, #copyright {
    grid-template-columns: 1fr 400px 1fr;
  }

  .banner h1 {
    font-size: 35px;
  }

  .intro-text .black {
    font-size: 12px;
  }
  .intro-text h2 {
    font-size: 23px;
    margin-bottom: 15px;
  }

  .header {
    height: 50px;
  }
  .header .container {
    column-gap: 0;
  }
  .header .container .logo {
    width: 180px;
    justify-self: left;
  }

  .over-links {
    grid-template-rows: 40px;
  }
  .over-links a#boletin {
    grid-row: 1;
  }
  .over-links a .link {
    grid-template-columns: 1fr 40px;
    width: 40px;
  }
  .over-links a .link .icon {
    width: 20px;
    height: 30px;
    justify-self: left;
    margin-left: 10px;
  }

  .half-circle {
    width: 60px;
    height: 30px;
  }

  h2 {
    font-size: 30px;
  }

  #footer .container .social {
    padding-top: 10px;
  }
}
@media (max-width: 479px) {
  section, .header, .banner, #copyright {
    grid-template-columns: 1fr 300px 1fr;
  }

  .header .container {
    grid-template-columns: 190px 1fr;
  }

  .intro-text h2 {
    line-height: 25px;
    text-align: center;
  }

  .intro-text .black {
    width: 220px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .banner h1 {
    text-align: center;
  }

  .text {
    text-align: center;
  }

  h1, h2, h3, h4, h6 {
    text-align: center;
  }

  #footer .container .info a {
    line-height: 15px;
  }
  #footer .container .info#location .icon {
    width: 24px;
    height: 24px;
  }
  #footer .container .info#mail .icon {
    width: 27px;
    height: 17px;
  }
  #footer .container .info#phone .icon {
    width: 16px;
    height: 26px;
  }
}
/* Pages */
@media all and (max-width: 767px) {
  .pushy-open-left .pushy.pushy-left .pushy-link a {
    padding: 5px;
  }
}
@media (max-width: 1439px) {
  #home .half-circle {
    margin-bottom: 34px;
  }
  #home h2 {
    margin-bottom: 34px;
  }
  #home .subtitle {
    font-weight: 400;
    margin-bottom: 22px;
  }
  #home .spacer-lines {
    margin-bottom: 30px;
  }
  #home .desc {
    line-height: 55px;
    margin-bottom: 50px;
  }
  #home .text.dark {
    padding-top: 15px;
    padding-right: 62px;
  }
  #home .images-wrap {
    column-gap: 35px;
  }
  #home .images-wrap .image {
    height: 120px;
  }
  #home .owl-carousel .item {
    height: 545px;
  }
  #home .owl-carousel .item .over-box {
    width: 496px;
    padding: 40px 60px;
    margin: 185px 80px auto auto;
  }
  #home .owl-carousel .item .over-box h3 {
    line-height: 41px;
  }
  #home .owl-carousel .item .over-box h3.smaller {
    line-height: 26px;
  }
  #home .owl-carousel .item .over-box h6 {
    padding-left: 33px;
  }
  #home .owl-carousel .item#s1 .over-box {
    margin: 185px 80px auto auto;
  }
  #home #armonia {
    padding: 60px 0;
  }
  #home #armonia h6 {
    margin-bottom: 20px;
  }
  #home #armonia .button {
    margin-top: 34px;
  }
  #home #historia {
    padding-top: 40px;
    padding-bottom: 90px;
  }
  #home #historia .container {
    column-gap: 40px;
  }
  #home #historia .container .two-cols {
    column-gap: 10px;
  }
  #home #hogar .background {
    margin-right: 130px;
  }
  #home #hogar .container {
    padding-top: 30px;
    padding-bottom: 75px;
  }
  #home #hogar .container .desc {
    margin-bottom: 35px;
  }
  #home #hogar .container .text {
    padding-right: 170px;
  }
  #home #hogar .container .images-wrap {
    padding-left: 95px;
    grid-gap: 20px;
  }
  #home #hogar .container .images-wrap .image {
    height: 120px;
    width: 150px;
  }
  #home #hogar .container .images-wrap .image:nth-child(3) {
    width: 110px;
  }
  #home #hogar .container .text.dark {
    margin-bottom: 30px;
  }
  #home #hogar .container .text.cols {
    column-gap: 50px;
  }
  #home #crisis {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #home #crisis .container {
    column-gap: 40px;
  }
  #home #crisis .container .text.first, #home #crisis .container .text.second {
    column-gap: 25px;
  }
  #home #crisis .container .text.dark {
    margin: 50px auto 50px 140px;
    padding: 0;
  }
  #home #fundacion .container .green-border {
    margin-right: 35px;
    border-radius: 15px;
    padding: 12px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #home #fundacion .container .green-border .inner {
    border-radius: 10px;
    padding: 36px;
  }
  #home #fundacion .container .green-border .inner .text {
    padding-left: 35px;
    margin-left: 50px;
  }
  #home #fundacion .container .green-border .inner .icon#ninos {
    width: 93px;
    height: 124px;
  }
  #home #fundacion .container .green-border .inner .icon#rozman {
    width: 135px;
    height: 44px;
  }
  #home #fundacion .container .button-link {
    margin-bottom: 95px;
    margin-right: 35px;
  }
  #home #fundacion .container .images-wrap {
    row-gap: 16px;
  }
  #home #fundacion .container .images-wrap .image {
    height: 120px;
  }
}
@media (max-width: 1279px) {
  #home .desc {
    font-size: 30px;
    line-height: 40px;
  }
  #home #armonia {
    padding: 30px;
  }
  #home #historia {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #home #historia .container {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, auto);
  }
  #home #historia .container .half-circle {
    grid-row: 1;
  }
  #home #historia .container > h2 {
    grid-row: 2;
  }
  #home #historia .container .subtitle {
    grid-row: 3;
  }
  #home #historia .container .spacer-lines {
    grid-row: 4;
  }
  #home #historia .container .desc {
    grid-row: 5;
  }
  #home #historia .container .images-wrap {
    grid-row: 6;
    column-gap: 20px;
  }
  #home #historia .container .images-wrap .image {
    height: 145px;
    background-size: 100%;
  }
  #home #historia .container .text.dark {
    grid-column: 1;
    grid-row: 7;
    padding-top: 20px;
    margin-right: 0;
  }
  #home #historia .container .two-cols {
    grid-column: 1;
    grid-row: 8;
    margin-top: 20px;
  }
  #home #historia .container .two-cols a {
    margin-top: 10px;
    grid-row: 2;
    grid-column: 1;
  }
  #home #hogar .background {
    margin: 0;
    grid-column: 1/4;
  }
  #home #hogar .container {
    padding-bottom: 30px;
  }
  #home #hogar .container .subtitle {
    grid-row: 1;
    line-height: 26px;
  }
  #home #hogar .container .spacer-lines {
    grid-row: 2;
  }
  #home #hogar .container .desc {
    grid-row: 3;
  }
  #home #hogar .container .desc br {
    display: none;
  }
  #home #hogar .container .images-wrap {
    grid-row: 4;
    padding-left: 0;
    justify-content: center;
    grid-gap: 40px;
  }
  #home #hogar .container .text.dark {
    grid-row: 5;
    padding-right: 0;
    margin-bottom: 10px;
  }
  #home #hogar .container .text.cols {
    grid-row: 6;
    padding-right: 0;
    columns: 1;
  }
  #home #hogar .container .text.cols br {
    display: none;
  }
  #home #hogar .container .text.cols .black {
    display: block;
    margin-top: 10px;
  }
  #home #crisis {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #home #crisis .container {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, auto);
    column-gap: 0;
  }
  #home #crisis .container .text.first,
#home #crisis .container .text.second,
#home #crisis .container .text.dark {
    grid-column: 1;
    padding-right: 0;
  }
  #home #crisis .container .subtitle {
    grid-row: 1;
  }
  #home #crisis .container .spacer-lines {
    grid-row: 2;
  }
  #home #crisis .container .desc {
    grid-row: 3;
    margin-bottom: 20px;
  }
  #home #crisis .container .desc .gold {
    display: block;
  }
  #home #crisis .container .text.first {
    grid-row: 4;
    columns: 1;
  }
  #home #crisis .container .text.first br {
    display: none;
  }
  #home #crisis .container .text.dark {
    grid-row: 5;
    margin: 10px 0;
  }
  #home #crisis .container .text.second {
    grid-row: 6;
    columns: 1;
  }
  #home #crisis .container .text.second br {
    display: none;
  }
  #home #fundacion .background {
    grid-column: 1/4;
  }
  #home #fundacion .container {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: 1fr;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #home #fundacion .container .background {
    display: none;
  }
  #home #fundacion .container .images-wrap {
    grid-column: 1;
    grid-row: 1;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3, auto);
  }
  #home #fundacion .container .images-wrap .image {
    height: 140px;
    background-size: 100%;
  }
  #home #fundacion .container .green-border {
    grid-row: 2;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #home #fundacion .container .button-link {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #home .owl-carousel .item {
    height: calc(100vh - 50px);
    max-height: 330px;
  }
  #home .owl-carousel .item .over-box {
    display: none;
  }
  #home #historia .container .images-wrap .image {
    height: 95px;
  }
  #home #historia .container .two-cols {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  #home #historia .container .two-cols .text.left {
    grid-row: 1;
  }
  #home #historia .container .two-cols .text.right {
    grid-column: 1;
    grid-row: 2;
  }
  #home #historia .container .two-cols .button-link {
    grid-row: 3;
  }
  #home .desc {
    font-size: 28px;
  }
  #home #hogar .container .images-wrap {
    grid-gap: 10px;
  }
  #home #hogar .container .images-wrap .image {
    width: 135px;
  }
  #home #fundacion .container .images-wrap .image {
    height: 85px;
  }
  #home #fundacion .container .green-border .inner {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  #home #fundacion .container .green-border .inner .icon#ninos {
    grid-column: 1;
    grid-row: 1;
    width: 93px;
    height: 84px;
  }
  #home #fundacion .container .green-border .inner .icon#rozman {
    grid-column: 2;
    grid-row: 1;
  }
  #home #fundacion .container .green-border .inner .text {
    grid-column: 1/3;
    grid-row: 2;
    padding: 0;
    margin: 0;
    border-left: 0;
    border-top: 6px solid #CCC;
    padding-top: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 479px) {
  #home .owl-carousel .item {
    height: 180px;
  }
  #home .spacer-lines {
    margin-bottom: 10px;
  }
  #home .desc {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  #home .images-wrap {
    column-gap: 20px;
  }
  #home .half-circle {
    margin-bottom: 15px;
  }
  #home .spacer-lines {
    margin-left: auto;
    margin-right: auto;
  }
  #home #historia {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #home #historia .container .half-circle {
    margin-left: auto;
    margin-right: auto;
  }
  #home #historia .container .images-wrap {
    column-gap: 10px;
  }
  #home #historia .container .images-wrap .image {
    height: 70px;
  }
  #home #historia .container .text.dark {
    padding-right: 0;
  }
  #home #armonia {
    padding: 20px;
  }
  #home #armonia .button {
    margin-left: auto;
    margin-right: auto;
  }
  #home #hogar .container {
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }
  #home #hogar .container .images-wrap {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #home #hogar .container .images-wrap .image {
    width: auto;
    height: 70px;
    background-size: auto 100%;
    background-repeat: no-repeat;
  }
  #home #hogar .container .images-wrap .image:nth-child(3) {
    width: auto;
  }
  #home #hogar .container .desc {
    margin-bottom: 20px;
  }
  #home #hogar .container .desc .gold {
    display: block;
  }
  #home #hogar .container .text.dark,
#home #hogar .container .text.cols {
    grid-column: 1;
  }
  #home #crisis {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #home #fundacion .container .images-wrap .image {
    height: 65px;
  }
  #home #fundacion .container .green-border {
    padding: 7px;
  }
  #home #fundacion .container .green-border .inner {
    padding: 10px;
  }
  #home #fundacion .container .button-link {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1439px) {
  #actividades #intro .line {
    width: 150px;
    height: 3px;
  }
  #actividades #intro h3 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 26px;
  }
  #actividades #intro .container {
    margin-top: 40px;
    row-gap: 40px;
  }
  #actividades #intro .container .text.dark {
    padding-left: 27px;
  }
  #actividades #talleres {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #actividades #talleres .half-circle {
    margin-bottom: 30px;
  }
  #actividades #talleres h2 {
    margin-bottom: 40px;
    font-size: 36px;
  }
  #actividades #talleres .container {
    grid-template-rows: repeat(3, 330px);
  }
  #actividades #talleres .container .taller {
    padding: 35px 20px 20px;
  }
  #actividades #talleres .container .taller h3 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 22px;
  }
  #actividades #talleres .container .taller .arrow {
    width: 37px;
    height: 43px;
    bottom: 20px;
  }
  #actividades #talleres .container .taller.left .arrow {
    left: 20px;
  }
  #actividades #talleres .container .taller.right .arrow {
    right: 20px;
  }
  #actividades #celebraciones {
    padding-top: 40px;
  }
  #actividades #celebraciones .wrap {
    padding-bottom: 55px;
  }
  #actividades #celebraciones .wrap .half-circle {
    margin-bottom: 35px;
  }
  #actividades #celebraciones .container {
    grid-template-rows: repeat(2, 330px);
    column-gap: 115px;
    row-gap: 30px;
  }
  #actividades #celebraciones .container .celebracion .image {
    height: 200px;
  }
  #actividades #celebraciones .container .celebracion h4 {
    font-size: 30px;
    line-height: 43px;
  }
}
@media (max-width: 1279px) {
  #actividades #talleres .container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 330px);
  }
  #actividades #intro h3 {
    font-size: 34px;
    line-height: 38px;
  }
  #actividades #intro .container {
    grid-template-columns: repeat(2, 280px);
    grid-template-rows: 227px auto auto;
    row-gap: 20px;
  }
  #actividades #intro .container .text.dark {
    grid-row: 2;
    grid-column: 1/3;
    padding-left: 0;
  }
  #actividades #intro .container .text.aside {
    grid-row: 3;
    grid-column: 1/3;
  }
  #actividades #celebraciones .wrap {
    padding-bottom: 20px;
  }
  #actividades #celebraciones .container {
    column-gap: 20px;
  }
  #actividades #celebraciones .container .celebracion h4 {
    font-size: 24px;
    line-height: 23px;
    margin-top: 15px;
    margin-bottom: 5px;
  }
  #actividades #celebraciones .container .celebracion .image {
    height: 160px;
  }
}
@media (max-width: 767px) {
  #actividades #intro h3 {
    font-size: 24px;
    line-height: 28px;
    margin-top: 10px;
  }
  #actividades #intro .container {
    margin-top: 20px;
    grid-template-columns: repeat(2, 190px);
    grid-template-rows: 152px auto auto;
    row-gap: 20px;
  }
  #actividades #talleres {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #actividades #talleres .half-circle {
    margin-bottom: 20px;
  }
  #actividades #talleres h2 {
    margin-bottom: 20px;
  }
  #actividades #talleres .container {
    grid-template-rows: repeat(6, 230px);
  }
  #actividades #talleres .container .taller {
    padding: 20px 10px 10px;
  }
  #actividades #talleres .container .taller h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  #actividades #celebraciones {
    padding-top: 20px;
  }
  #actividades #celebraciones .container {
    padding-top: 0;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 330px);
  }
  #actividades #celebraciones .container .celebracion .image {
    height: 150px;
  }
  #actividades #celebraciones .wrap .half-circle {
    margin-bottom: 15px;
  }
}
@media (max-width: 479px) {
  #actividades #intro h3 {
    font-size: 16px;
    line-height: 21px;
  }
  #actividades #intro .container {
    grid-template-rows: 240px 240px auto auto;
    grid-template-columns: 1fr;
    grid-template-areas: "img1" "img2" "dark" "text";
  }
  #actividades #intro .container .text.dark {
    grid-area: dark;
    font-size: 13px;
  }
  #actividades #intro .container .text.aside {
    grid-area: text;
  }
  #actividades #talleres .container {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, 330px);
  }
  #actividades #talleres .container .arrow {
    display: none;
  }
  #actividades #talleres .container .taller {
    display: grid;
    grid-template-rows: 1fr 1fr;
  }
  #actividades #talleres .container .taller h3 {
    align-self: end;
  }
  #actividades #talleres .container .taller h3 br {
    display: none;
  }
  #actividades #talleres .container .taller.picture#tutti {
    grid-row: 6;
  }
  #actividades #talleres .container .taller.picture#arte {
    grid-row: 8;
  }
  #actividades #celebraciones .container {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, auto);
  }
}
@media (max-width: 1439px) {
  #boletin #listado {
    padding-bottom: 60px;
  }
  #boletin #listado .image {
    margin: -62px auto 50px;
    width: 695px;
    height: 198px;
  }
  #boletin #listado li p {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  #boletin #listado {
    grid-template-columns: 1fr 400px 1fr;
  }
  #boletin #listado .image {
    width: 400px;
    height: 108px;
    background-size: 100%;
  }
  #boletin #listado li p {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  #boletin #listado {
    grid-template-columns: 1fr 280px 1fr;
  }
  #boletin #listado li p {
    font-size: 14px;
  }
}
@media (max-width: 1439px) {
  section#contacto {
    grid-template-columns: 1fr repeat(2, 537px) 1fr;
  }
  section#contacto .info {
    padding-right: 190px;
  }
  section#contacto .info h3 {
    margin-bottom: 37px;
  }
  section#contacto .info .gold {
    line-height: 32px;
  }
  section#contacto .info .info-group + .info-group {
    margin-top: 37px;
  }
  section#contacto form {
    padding-left: 90px;
  }
  section#contacto form h3 {
    margin-bottom: 10px;
  }
  section#contacto form input:not([type=submit]),
section#contacto form textarea {
    margin-top: 12px;
    padding: 5px 8px;
  }
  section#contacto form input[type=submit] {
    margin-top: 12px;
  }
  section#contacto form #consulta {
    height: 166px;
  }
  section#contacto h3 {
    font-size: 40px;
    line-height: 30px;
  }
}
@media (max-width: 1279px) {
  section#contacto {
    grid-template-columns: 1fr repeat(2, 300px) 1fr;
  }
  section#contacto .info {
    padding-right: 0;
  }
  section#contacto .info h3 {
    margin-bottom: 10px;
    font-size: 34px;
  }
  section#contacto .info .info-group + .info-group {
    margin-top: 10px;
  }
  section#contacto form {
    padding-left: 40px;
  }
  section#contacto form #consulta {
    height: 105px;
  }
}
@media (max-width: 767px) {
  section#contacto {
    grid-template-columns: 1fr 400px 1fr;
    grid-template-rows: auto auto auto;
  }
  section#contacto .info {
    grid-row: 1;
  }
  section#contacto .background {
    grid-row: 2;
    grid-column: 1/4;
  }
  section#contacto form {
    grid-row: 2;
    grid-column: 2;
    padding-left: 0;
  }
  section#contacto #map {
    grid-row: 3;
  }
}
@media (max-width: 479px) {
  section#contacto {
    grid-template-columns: 1fr 280px 1fr;
  }
}
@media (max-width: 1439px) {
  #galerias .group {
    padding-top: 70px;
  }
  #galerias .group .line {
    width: 150px;
  }
  #galerias .group h2 {
    margin: 34px 0;
  }
  #galerias .group .lightgallery {
    grid-gap: 35px;
  }
  #galerias .group .lightgallery a:after {
    width: 35px;
    height: 34px;
  }
  #galerias .filters {
    column-gap: 10px;
  }
}
@media (max-width: 1279px) {
  #galerias .filters {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 10px;
  }
  #galerias h2 {
    font-size: 36px;
  }
  #galerias .group {
    padding-top: 20px;
  }
  #galerias .group h2 {
    margin: 20px 0;
  }
  #galerias .group .lightgallery {
    grid-gap: 10px;
  }
}
@media all and (max-width: 767px) {
  #galerias .group .lightgallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (max-width: 479px) {
  #galerias .filters {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  #galerias .group .lightgallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1439px) {
  #instalaciones .espacio {
    height: 375px;
  }
  #instalaciones .espacio .text {
    font-size: 16px;
    line-height: 21px;
  }
  #instalaciones .espacio .owl-carousel .owl-nav {
    padding: 0 15px;
  }
  #instalaciones .espacio .owl-carousel .owl-nav button {
    width: 35px;
    height: 40px;
  }
  #instalaciones .espacio.left {
    grid-template-columns: auto 133px 333px 70px 539px;
    grid-template-areas: ".    .    .    .   owl" "bar  bar  titl .   owl" ".    .    .    .   owl" ".    text text .   owl" ".    .    .    .   owl";
  }
  #instalaciones .espacio.left .gold {
    grid-template-columns: 1fr 135px;
  }
  #instalaciones .espacio.left h3 {
    padding-left: 20px;
  }
  #instalaciones .espacio.right {
    grid-template-columns: 539px 70px 333px 133px auto;
    grid-template-areas: "owl  .    .    .    .  " "owl  .    titl bar  bar" "owl  .    .    .    .  " "owl  .    text text .  " "owl  .    .    .    .  ";
  }
  #instalaciones .espacio.right .gold {
    grid-template-columns: 135px 1fr;
  }
  #instalaciones .espacio#exteriores .icon {
    width: 61px;
    height: 50px;
  }
  #instalaciones .espacio#interiores .icon {
    width: 64px;
    height: 57px;
  }
  #instalaciones .espacio#habitaciones .icon {
    width: 63px;
    height: 60px;
  }
  #instalaciones .espacio#martin .icon {
    width: 70px;
    height: 63px;
  }
  #instalaciones .link-wrap {
    margin-top: 20px;
    margin-bottom: 75px;
  }
}
@media (max-width: 1279px) {
  #instalaciones .intro-text .text {
    padding-right: 0;
  }
  #instalaciones #espacios .espacio {
    grid-template-rows: 15px 45px 15px auto 1fr;
    height: 315px;
  }
  #instalaciones #espacios .espacio h3 {
    font-size: 21px;
    line-height: 25px;
  }
  #instalaciones #espacios .espacio .text {
    font-size: 14px;
    line-height: 16px;
  }
  #instalaciones #espacios .espacio#exteriores .icon {
    width: 50px;
    height: 35px;
  }
  #instalaciones #espacios .espacio#interiores .icon {
    width: 40px;
    height: 35px;
  }
  #instalaciones #espacios .espacio#habitaciones .icon {
    width: 45px;
    height: 40px;
  }
  #instalaciones #espacios .espacio#martin .icon {
    width: 45px;
    height: 38px;
  }
  #instalaciones #espacios .espacio.left, #instalaciones #espacios .espacio.right {
    grid-column: 1/4;
  }
  #instalaciones #espacios .espacio.left {
    grid-template-columns: 1fr 80px 200px 20px 300px 1fr;
    grid-template-areas: ".    .    .    . owl   ." "bar  bar  titl . owl   ." ".    .    .    . owl   ." ".    text text . owl   ." ".    .    .    . owl   .";
  }
  #instalaciones #espacios .espacio.left .gold {
    grid-template-columns: auto 80px;
  }
  #instalaciones #espacios .espacio.left h3 {
    padding-left: 10px;
  }
  #instalaciones #espacios .espacio.right {
    grid-template-columns: 1fr 300px 20px 200px 80px 1fr;
    grid-template-areas: ".  owl . .    .    .  " ".  owl . titl bar  bar" ".  owl . .    .    .  " ".  owl . text text .  " ".  owl . .    .    .  ";
  }
  #instalaciones #espacios .espacio.right .gold {
    grid-template-columns: 80px auto;
  }
  #instalaciones #espacios .espacio.right h3 {
    padding-right: 10px;
  }
  #instalaciones #espacios .link-wrap {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #instalaciones .link-wrap.right a {
    grid-column: 1;
  }
  #instalaciones #espacios .espacio.left,
#instalaciones #espacios .espacio.right {
    grid-template-columns: 1fr 80px 320px 1fr;
    grid-template-rows: 15px auto auto 200px;
    grid-template-areas: ". . . ." ". bar titl ." ". text text ." ". owl owl .";
    height: auto;
    row-gap: 10px;
    background-color: white;
  }
  #instalaciones #espacios .espacio.left h3,
#instalaciones #espacios .espacio.right h3 {
    padding-right: 0;
    padding-left: 15px;
  }
  #instalaciones #espacios .espacio.left .background,
#instalaciones #espacios .espacio.right .background {
    background-color: #CCC;
    grid-column: 2/4;
    grid-row: 1/5;
  }
  #instalaciones #espacios .espacio.left .text,
#instalaciones #espacios .espacio.right .text {
    padding: 0 15px;
  }
  #instalaciones #espacios .espacio#exteriores .icon {
    width: 30px;
  }
  #instalaciones #espacios .espacio#interiores .icon {
    width: 30px;
  }
  #instalaciones #espacios .espacio#habitaciones .icon {
    width: 35px;
  }
  #instalaciones #espacios .espacio#martin .icon {
    width: 35px;
  }
}
@media (max-width: 479px) {
  #instalaciones #espacios .espacio.left,
#instalaciones #espacios .espacio.right {
    grid-template-columns: 1fr 50px 250px 1fr;
  }
  #instalaciones #espacios .espacio.left .gold,
#instalaciones #espacios .espacio.right .gold {
    grid-template-columns: auto 50px;
    background: #9C8027;
    grid-template-areas: ". icon";
  }
  #instalaciones #espacios .espacio.left h3,
#instalaciones #espacios .espacio.right h3 {
    font-size: 17px;
    text-align: left;
    padding-left: 5px;
  }
  #instalaciones #espacios .link-wrap {
    grid-template-columns: 1fr;
  }
  #instalaciones #espacios .link-wrap a {
    justify-self: center;
  }
}
@media (max-width: 1439px) {
  #servicios #traits .container {
    row-gap: 40px;
    padding-top: 0px;
    padding-bottom: 60px;
  }
  #servicios #traits .container .trait .icon {
    width: 100px;
    height: 100px;
    margin-bottom: 23px;
  }
  #servicios #traits .container .trait .dark {
    margin-bottom: 20px;
  }
  #servicios #staff .wrap {
    padding-top: 60px;
  }
  #servicios #staff .half-circle {
    margin-bottom: 30px;
  }
  #servicios #staff h2 {
    margin-bottom: 30px;
  }
  #servicios #staff h4 {
    line-height: 21px;
    margin-bottom: 45px;
  }
  #servicios #staff .image#group {
    height: 470px;
  }
  #servicios #members {
    column-gap: 200px;
    row-gap: 50px;
    padding: 30px 65px 50px;
  }
  #servicios #members .member .image {
    width: 160px;
    height: 160px;
    margin-bottom: 10px;
  }
  #servicios #skills {
    padding-top: 60px;
  }
  #servicios #skills h6 {
    margin-bottom: 30px;
  }
  #servicios #skills .owl-carousel {
    margin-bottom: 80px;
  }
  #servicios #skills .skill .half-circle {
    width: 35px;
    height: 17px;
    margin: 20px auto 20px 0;
  }
  #servicios #convenios {
    column-gap: 50px;
    padding-bottom: 50px;
  }
  #servicios #convenios .convenio {
    grid-template-columns: 1fr 18px auto;
    column-gap: 20px;
    height: 50px;
  }
  #servicios #convenios .convenio .arrow {
    width: 18px;
    height: 36px;
  }
  #servicios #convenios .convenio .universidad {
    column-gap: 10px;
  }
  #servicios #convenios .convenio .universidad .image {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1439px) {
  #servicios #traits .container {
    column-gap: 20px;
    padding-bottom: 30px;
  }
  #servicios #staff .wrap {
    padding-top: 30px;
  }
  #servicios #staff .container {
    column-gap: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #servicios #members {
    padding: 30px 0 30px;
  }
  #servicios #skills {
    padding-top: 30px;
  }
  #servicios #skills .owl-carousel {
    margin-bottom: 20px;
  }
  #servicios #skills #convenios {
    grid-template-columns: 1fr;
  }
  #servicios #skills #convenios .convenio:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  #servicios #skills #convenios .convenio:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
}
@media (max-width: 767px) {
  #servicios #traits .container {
    grid-template-columns: 1fr 1fr;
  }
  #servicios #members {
    grid-template-columns: 1fr 1fr;
  }
  #servicios #members .member .image {
    filter: grayscale(0);
  }
  #servicios #convenios {
    grid-template-rows: auto auto auto;
  }
  #servicios #convenios h6 {
    margin-bottom: 10px;
  }
  #servicios #convenios .convenio {
    height: auto;
    grid-template-columns: 1fr;
    margin-top: 10px;
  }
  #servicios #convenios .convenio .arrow {
    display: none;
  }
}
@media (max-width: 479px) {
  #servicios #traits .container {
    grid-template-columns: 1fr;
  }
  #servicios #traits .container .trait .icon {
    margin-left: auto;
    margin-right: auto;
  }
  #servicios #traits .container .trait .dark,
#servicios #traits .container .trait .gold {
    text-align: center;
  }
  #servicios #staff .half-circle {
    margin-left: auto;
    margin-right: auto;
  }
  #servicios #staff h2, #servicios #staff h4 {
    text-align: center;
  }
  #servicios #staff .image#group {
    height: 200px;
  }
  #servicios #members {
    grid-template-columns: 1fr;
  }
  #servicios #skills {
    overflow-x: hidden;
  }
  #servicios #skills .wrap {
    grid-template-rows: repeat(9, auto);
    grid-template-columns: 1fr;
    grid-template-areas: "cap-tit" "cap" "pcap-tit" "pcap-desc" "pcap" "sep" "com-tit" "com-desc";
  }
  #servicios #skills #capacitaciones-title,
#servicios #skills .skill,
#servicios #skills #proximas_capacitaciones-title,
#servicios #skills #instructores,
#servicios #skills .owl-carousel {
    max-width: 300px;
  }
  #servicios #skills .sep {
    display: none;
  }
  #servicios #skills #instructores {
    height: 115px;
  }
  #servicios #skills #proximas_gray {
    grid-row: 3/6;
  }
  #servicios #skills .owl-carousel .owl-nav button {
    margin-right: 20px;
  }
  #servicios #convenios {
    column-gap: 0;
    row-gap: 30px;
  }
}

/*# sourceMappingURL=responsive.css.map */