/* Start with baseline CSS, for the smallest browsers.
   Sometimes I put this into a separate css file and load it first.
   These are the "mobile first" styles. */
/* Then progressively add bigger sizes from small to large */
/* Smartphones start somewhere around here */
@media (min-width: 200px) {
  body p {
    font-size: 0.8rem;
  }

  .container {
    max-width: 100%;
  }

  header {
    height: 35vh;
    min-height: 25rem;
  }

  .content-header {
    height: 35vh;
    min-height: 25rem;
  }

  header .direction p {
    font-size: 0.9rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.5rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 70px;
    width: 25%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 0.9rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 50%;
  }

  #sentence .sentence-text p {
    font-size: 1.5rem;
  }

  #social-news .hashtag p {
    font-size: 1.2rem;
  }

  #activities .flickity-prev-next-button {
    display: block;
  }

  .wrapper .list-item {
    overflow-x: auto;
    white-space: nowrap;
  }

  .wrapper .item {
    display: inline-block;
    float: left;
  }

  .wrapper:hover .item:hover {
    height: 250px;
    width: auto;
  }

  .wrapper:hover .item:not(:hover) {
    height: 200px;
    width: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: 100%;
  }

  header .tools ul li a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  header .tools ul li:last-child a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  #header-ficha .tools ul li a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.3rem;
  }

  .wrapper {
    pointer-events: visible;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 2px;
  }

  .wrapper a {
    height: 150px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: auto;
    left: 20px;
  }

  .wrapper a .title p {
    writing-mode: horizontal-tb;
  }

  header .inside-menu ul li a {
    font-size: 0.7rem;
  }

  #banner-ficha .title {
      min-width: 100%;
      max-width: 100%;
  }

  #ficha .description p {
    font-size: 1.0rem;
  }

  .interesting .title p {
    font-size: 1.1rem;
  }

  #ficha button {
      font-size: 1.1rem;
  }

  #ficha .sentence p {
      font-size: 1.0rem;
  }

  #ficha .sentence .name p {
    font-size: 1.1rem;
  }

  #banner-ficha .title h1 {
    font-size: 1.4rem;
  }

  #ficha .team p {
      font-size: 1.0rem;
  }

  #sentence .sentence-text a {
    font-size: 1.2rem;
  }

  .section-title p {
    font-size: 1.1rem;
  }

  .section-subtitle p {
    font-size: 1.4rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 350px;*/
    /* Set a specific height */
    /*min-height: 350px;*/
  }

  .map iframe {
    height: 350px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
      padding: 6px 0;
  }

  #gallery-info .carousel-cell {
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 1.5rem;
  }

  .other-info .title p {
    font-size: 1.2rem;
  }

  .other-info .photo-info {
    background-size: cover;
  }

  .info-sidebar .date p {
    font-size: 1.1rem;
  }

  .teatro-header h1 {
    font-size: 1.8rem;
  }

  header .tools ul li a i {
    font-size: 1.1rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.0rem;
  }

  .two-cols ul li {
    font-size: 0.9rem;
  }

  .principal-text ul li {
    font-size: 0.9rem;
  }

  .info-menu .menu-section a {
    font-size: 1.2rem;
  }

  .content-body ul li {
    font-size: 0.9rem;
  }

  .content-body h3 {
    font-size: 1.1rem;
  }

  .stamps {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 3%;
    top: -70px;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top center;
  }

  /*Videos*/

  #banner-video {
    height: auto;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 1.3rem;
  }

  #banner-video .video-date p {
    font-size: 1.0rem;
  }

  #banner-video .video-bajada p {
    font-size: 0.9rem;
  }

  #banner-video .video-link a {
    font-size: 0.9rem;
  }

  #banner-video .mh-banner {
    min-height: 330px;
    background-color: #000;
  }

  .info-video .title-video h1 {
    font-size: 1.5rem;
  }

  .info-streaming .info p {
    font-size: 1.0rem;
  }

  .info-streaming span {
    font-size: 0.6rem;
  }

  .vimeobg {
    height: 35vh;
    min-height: 14rem;
  }


}

@media (min-width: 300px) {
  body p {
    font-size: 0.8rem;
  }

  .container {
    max-width: 100%;
  }

  header {
    height: 35vh;
    min-height: 25rem;
  }

  .content-header {
    height: 35vh;
    min-height: 25rem;
  }

  header .direction p {
    font-size: 0.8rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.5rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 70px;
    width: 25%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 0.9rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 50%;
  }

  #sentence .sentence-text p {
    font-size: 1.6rem;
  }

  #social-news .hashtag p {
    font-size: 1.2rem;
  }

  #activities .flickity-prev-next-button {
    display: block;
  }

  .wrapper .list-item {
    overflow-x: auto;
    white-space: nowrap;
  }

  .wrapper .item {
    display: inline-block;
    float: left;
  }

  .wrapper:hover .item:hover {
    height: 250px;
    width: auto;
  }

  .wrapper:hover .item:not(:hover) {
    height: 200px;
    width: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: 100%;
  }

  header .tools ul li a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  header .tools ul li:last-child a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  #header-ficha .tools ul li a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.3rem;
  }

  .wrapper {
    pointer-events: visible;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 150px;
  }

  .wrapper a {
    height: 150px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: auto;
    left: 20px;
  }

  .wrapper a .title p {
    writing-mode: horizontal-tb;
  }

  header .inside-menu ul li a {
    font-size: 0.7rem;
  }

  #banner-ficha .title {
      min-width: 100%;
      max-width: 100%;
  }

  #ficha .description p {
    font-size: 1.0rem;
  }

  .interesting a .title p{
    font-size: 0.9rem;
  }

  .interesting .title p {
    font-size: 1.2rem;
  }

  #ficha button {
      font-size: 1.1rem;
  }

  #ficha .sentence p {
      font-size: 1.0rem;
  }

  #ficha .sentence .name p {
    font-size: 1.1rem;
  }

  #banner-ficha .title h1 {
    font-size: 1.5rem;
  }

  #ficha .team p {
      font-size: 1.0rem;
  }

  #sentence .sentence-text a {
    font-size: 1.2rem;
  }

  .section-title p {
    font-size: 1.1rem;
  }

  .section-subtitle p {
    font-size: 1.6rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 350px;*/
    /* Set a specific height */
    /*min-height: 350px;*/
  }

  .map iframe {
    height: 350px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
      padding: 6px 0;
  }

  #gallery-info .carousel-cell {
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 1.5rem;
  }

  .other-info .title p {
    font-size: 1.2rem;
  }

  .other-info .photo-info {
    background-size: cover;
  }

  .info-sidebar .date p {
    font-size: 1.2rem;
  }

  .teatro-header h1 {
    font-size: 2.0rem;
  }

  header .tools ul li a i {
    font-size: 1.1rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.0rem;
  }

  .two-cols ul li {
    font-size: 0.9rem;
  }

  .principal-text ul li {
    font-size: 0.9rem;
  }

  .info-menu .menu-section a {
    font-size: 1.2rem;
  }

  .content-body ul li {
    font-size: 0.9rem;
  }

  .content-body h3 {
    font-size: 1.1rem;
  }

  .stamps {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 3%;
    top: -70px;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top center;
  }

  /*Videos*/

  #banner-video {
    height: auto;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 1.3rem;
  }

  #banner-video .video-date p {
    font-size: 1.0rem;
  }

  #banner-video .video-bajada p {
    font-size: 0.9rem;
  }

  #banner-video .video-link a {
    font-size: 0.9rem;
  }

  #banner-video .mh-banner {
    min-height: 330px;
    background-color: #000;
  }

  .info-video .title-video h1 {
    font-size: 1.5rem;
  }

  .info-streaming .info p {
    font-size: 1.0rem;
  }

  .info-streaming span {
    font-size: 0.6rem;
  }

  .vimeobg {
    height: 35vh;
    min-height: 20rem;
  }

}

/* You might do landscape phones here if your content seems to need it */
@media (min-width: 450px) {
  body p {
    font-size: 0.8rem;
  }

  .container {
    max-width: 100%;
  }

  header {
    height: 35vh;
    min-height: 25rem;
  }

  .content-header {
    height: 35vh;
    min-height: 25rem;
  }

  header .direction p {
    font-size: 0.8rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.5rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 70px;
    width: 25%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 0.9rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 40%;
  }

  #sentence .sentence-text p {
    font-size: 1.8rem;
  }

  #social-news .hashtag p {
    font-size: 1.3rem;
  }

  #activities .flickity-prev-next-button {
    display: block;
  }

  .wrapper .list-item {
    overflow-x: auto;
    white-space: nowrap;
  }

  .wrapper .item {
    display: inline-block;
    float: left;
  }

  .wrapper:hover .item:hover {
    height: 250px;
    width: auto;
  }

  .wrapper:hover .item:not(:hover) {
    height: 200px;
    width: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: 100%;
  }

  header .tools ul li a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  header .tools ul li:last-child a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  #header-ficha .tools ul li a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.3rem;
  }

  .wrapper {
    pointer-events: visible;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 150px;
  }

  .wrapper a {
    height: 150px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: auto;
    left: 20px;
  }

  .wrapper a .title p {
    writing-mode: horizontal-tb;
  }

  header .inside-menu ul li a {
    font-size: 0.7rem;
  }

  #banner-ficha .title {
      min-width: 100%;
      max-width: 100%;
  }

  #ficha .description p {
    font-size: 1.0rem;
  }

  .interesting a .title p{
    font-size: 0.9rem;
  }

  .interesting .title p {
    font-size: 1.2rem;
  }

  #ficha button {
      font-size: 1.1rem;
  }

  #ficha .sentence p {
      font-size: 1.0rem;
  }

  #ficha .sentence .name p {
    font-size: 1.1rem;
  }

  #banner-ficha .title h1 {
    font-size: 1.6rem;
  }

  #ficha .team p {
      font-size: 1.1rem;
  }

  #sentence .sentence-text a {
    font-size: 1.2rem;
  }

  .section-title p {
    font-size: 1.3rem;
  }

  .section-subtitle p {
    font-size: 1.6rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 400px;*/
    /* Set a specific height */
    /*min-height: 400px;*/
  }

  .map iframe {
    height: 350px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  #gallery-info .carousel-cell {
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 1.6rem;
  }

  .other-info .photo-info {
    background-size: cover;
  }

  .info-sidebar .date p {
    font-size: 1.2rem;
  }

  .teatro-header h1 {
    font-size: 2.0rem;
  }

  header .tools ul li a i {
    font-size: 1.1rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.1rem;
  }

  .two-cols ul li {
    font-size: 0.9rem;
  }

  .principal-text ul li {
    font-size: 0.9rem;
  }

  .info-menu .menu-section a {
    font-size: 1.3rem;
  }

  .content-body ul li {
    font-size: 0.9rem;
  }

  .content-body h3 {
    font-size: 1.1rem;
  }

  .stamps {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 3%;
    top: -70px;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top center;
  }

  /*Videos*/

  #banner-video {
    height: auto;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 1.5rem;
  }

  #banner-video .video-date p {
    font-size: 1.0rem;
  }

  #banner-video .video-bajada p {
    font-size: 0.9rem;
  }

  #banner-video .video-link a {
    font-size: 0.9rem;
  }

  #banner-video .mh-banner {
    min-height: 340px;
    background-color: #000;
  }

  .info-video .title-video h1 {
    font-size: 1.6rem;
  }

  .info-streaming .info p {
    font-size: 1.0rem;
  }

  .info-streaming span {
    font-size: 0.6rem;
  }

  .vimeobg {
    height: 35vh;
    min-height: 21rem;
  }

}

@media (min-width: 576px) {
  body p {
    font-size: 0.9rem;
  }

  .container {
    max-width: 100%;
  }

  header {
    height: 35vh;
    min-height: 25rem;
  }

  .content-header {
    height: 35vh;
    min-height: 25rem;
  }

  header .direction p {
    font-size: 0.8rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 70px;
    width: 22%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 0.9rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 40%;
  }

  #sentence .sentence-text p {
    font-size: 1.8rem;
  }

  #social-news .hashtag p {
    font-size: 1.4rem;
  }

  #activities .flickity-prev-next-button {
    display: block;
  }

  .wrapper .list-item {
    overflow-x: auto;
    white-space: nowrap;
  }

  .wrapper .item {
    display: inline-block;
    float: left;
  }

  .wrapper:hover .item:hover {
    height: 250px;
    width: auto;
  }

  .wrapper:hover .item:not(:hover) {
    height: 200px;
    width: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: 100%;
  }

  header .tools ul li a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  header .tools ul li:last-child a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  #header-ficha .tools ul li a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.3rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.5rem;
  }

  .wrapper {
    pointer-events: visible;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 150px;
  }

  .wrapper a {
    height: 150px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: auto;
    left: 20px;
  }

  .wrapper a .title p {
    writing-mode: horizontal-tb;
  }

  header .inside-menu ul li a {
    font-size: 0.7rem;
  }

  #banner-ficha .title {
      min-width: 100%;
      max-width: 100%;
  }

  #ficha .description p {
    font-size: 1.0rem;
  }

  .interesting a .title p{
    font-size: 0.9rem;
  }

  .interesting .title p {
    font-size: 1.2rem;
  }

  #ficha button {
      font-size: 1.1rem;
  }

  #ficha .sentence p {
      font-size: 1.0rem;
  }

  #ficha .sentence .name p {
    font-size: 1.1rem;
  }

  #banner-ficha .title h1 {
    font-size: 1.6rem;
  }

  #ficha .team p {
      font-size: 1.1rem;
  }

  #sentence .sentence-text a {
    font-size: 1.3rem;
  }

  .section-title p {
    font-size: 1.4rem;
  }

  .section-subtitle p {
    font-size: 1.3rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 400px;*/
    /* Set a specific height */
    /*min-height: 400px;*/
  }

  .map iframe {
    height: 350px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
      padding: 6px 0;
  }

  #gallery-info .carousel-cell {
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 1.6rem;
  }

  .other-info .title p {
    font-size: 1.3rem;
  }

  .other-info .photo-info {
    background-size: cover;
  }

  .info-sidebar .date p {
    font-size: 1.2rem;
  }

  .teatro-header h1 {
    font-size: 2.0rem;
  }

  header .tools ul li a i {
    font-size: 1.2rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.2rem;
  }

  .two-cols ul li {
    font-size: 0.9rem;
  }

  .principal-text ul li {
    font-size: 0.9rem;
  }

  .info-menu .menu-section a {
    font-size: 1.3rem;
  }

  .content-body ul li {
    font-size: 0.9rem;
  }

  .content-body h3 {
    font-size: 1.1rem;
  }

  .stamps {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 3%;
    top: -70px;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top center;
  }

  /*Videos*/

  #banner-video {
    height: auto;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 1.5rem;
  }

  #banner-video .video-date p {
    font-size: 1.0rem;
  }

  #banner-video .video-bajada p {
    font-size: 0.9rem;
  }

  #banner-video .video-link a {
    font-size: 0.9rem;
  }

  #banner-video .mh-banner {
    min-height: 350px;
    background-color: #000;
  }

  .info-video .title-video h1 {
    font-size: 1.8rem;
  }

  .info-streaming .info p {
    font-size: 1.2rem;
  }

  .info-streaming span {
    font-size: 0.6rem;
  }

  .vimeobg {
    height: 35vh;
    min-height: 25rem;
  }

}

/* Starting into tablets somewhere in here */
@media (min-width: 600px) {
  body p {
    font-size: 0.9rem;
  }

  .container {
    max-width: 580px;
  }

  header {
    height: 45vh;
    min-height: 25rem;
  }

  .content-header {
    height: 45vh;
    min-height: 25rem;
  }

  header .direction p {
    font-size: 0.8rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 70px;
    width: 20%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 1.0rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 40%;
  }

  #sentence .sentence-text p {
    font-size: 2.0rem;
  }

  #social-news .hashtag p {
    font-size: 1.4rem;
  }

  #activities .flickity-prev-next-button {
    display: block;
  }

  .wrapper .list-item {
    overflow-x: auto;
    white-space: nowrap;
  }

  .wrapper .item {
    display: inline-block;
    float: left;
  }

  .wrapper:hover .item:hover {
    height: 250px;
    width: auto;
  }

  .wrapper:hover .item:not(:hover) {
    height: 200px;
    width: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: 100%;
  }

  header .tools ul li a {
    width: 40px;
    height: 40px;
    padding: 3px;
  }

  header .tools ul li:last-child a {
    width: 40px;
    height: 40px;
    padding: 3px;
  }

  #header-ficha .tools ul li a {
    width: 40px;
    height: 40px;
    padding: 3px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 40px;
    height: 40px;
    padding: 3px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.3rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.5rem;
  }

  .wrapper {
    pointer-events: visible;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 150px;
  }

  .wrapper a {
    height: 150px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: auto;
    left: 20px;
  }

  .wrapper a .title p {
    writing-mode: horizontal-tb;
  }

  header .inside-menu ul li a {
    font-size: 0.7rem;
  }

  #banner-ficha .title {
      min-width: 100%;
      max-width: 100%;
  }

  #ficha .description p {
    font-size: 1.0rem;
  }

  .interesting a .title p{
    font-size: 0.9rem;
  }

  .interesting .title p {
    font-size: 1.2rem;
  }

  #ficha button {
      font-size: 1.1rem;
  }

  #ficha .sentence p {
      font-size: 1.0rem;
  }

  #ficha .sentence .name p {
    font-size: 1.1rem;
  }

  #banner-ficha .title h1 {
    font-size: 1.8rem;
  }

  #ficha .team p {
      font-size: 1.1rem;
  }

  #sentence .sentence-text a {
    font-size: 1.4rem;
  }

  .section-title p {
    font-size: 1.8rem;
  }

  .section-subtitle p {
    font-size: 1.6rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 400px;*/
    /* Set a specific height */
    /*min-height: 400px;*/
  }

  .map iframe {
    height: 350px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/;
  }

  .downloads a .downloads-icon {
      padding: 6px 0;
  }

  #gallery-info .carousel-cell {
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 1.8rem;
  }

  .other-info .photo-info {
    background-size: cover;
  }

  .info-sidebar .date p {
    font-size: 1.3rem;
  }

  .teatro-header h1 {
    font-size: 2.0rem;
  }

  header .tools ul li a i {
    font-size: 1.2rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.2rem;
  }

  .two-cols ul li {
    font-size: 0.9rem;
  }

  .principal-text ul li {
    font-size: 0.9rem;
  }

  .info-menu .menu-section a {
    font-size: 1.3rem;
  }

  .content-body ul li {
    font-size: 0.9rem;
  }

  .content-body h3 {
    font-size: 1.2rem;
  }

  .stamps {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 3%;
    top: -70px;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top center;
  }

  /*Videos*/

  #banner-video {
    height: auto;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 1.7rem;
  }

  #banner-video .video-date p {
    font-size: 1.0rem;
  }

  #banner-video .video-bajada p {
    font-size: 0.9rem;
  }

  #banner-video .video-link a {
    font-size: 0.9rem;
  }

  #banner-video .mh-banner {
    min-height: 360px;
    background-color: #000;
  }

  .info-video .title-video h1 {
    font-size: 1.8rem;
  }

  .info-streaming .info p {
    font-size: 1.3rem;
  }

  .info-streaming span {
    font-size: 0.6rem;
  }

  .vimeobg {
    height: 45vh;
    min-height: 25rem;
  }

}

/* Starting into tablets somewhere in here */
@media (min-width: 768px) {
  body p {
    font-size: 1.0rem;
  }

  .container {
    max-width: 720px;
  }

  header {
    height: 60vh;
    min-height: 25rem;
  }

  .content-header {
    height: 60vh;
    min-height: 25rem;
  }

  header .direction p {
    font-size: 0.8rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.5rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 70px;
    width: 13.6%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 1.0rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 40%;
  }

  #sentence .sentence-text p {
    font-size: 2.2rem;
  }

  #social-news .hashtag p {
    font-size: 1.6rem;
  }

  #activities .flickity-prev-next-button {
    display: none;
  }

  .wrapper .list-item {
    overflow-x: inherit;
    white-space: normal;
  }

  .wrapper .item {
    float: left;
    display: block;
  }

  .wrapper:hover .item:hover {
    width: 22%;
    height: auto;
  }

  .wrapper:hover .item:not(:hover) {
    width: 13%;
    height: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: auto;
  }

  header .tools ul li a {
    width: 42px;
    height: 42px;
    padding: 4px;
  }

  header .tools ul li:last-child a {
    width: 42px;
    height: 42px;
    padding: 6px;
  }

  #header-ficha .tools ul li a {
    width: 42px;
    height: 42px;
    padding: 4px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 42px;
    height: 42px;
    padding: 6px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 0.7rem;
  }

  .wrapper {
    pointer-events: none;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 300px;
  }

  .wrapper a {
    height: 300px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
  }

  .wrapper a .title p {
    writing-mode: vertical-rl;
  }

  header .inside-menu ul li a {
    font-size: 0.7rem;
    padding: 0 5px;
  }

  header .inside-menu {
    right: 220px;
    top: 5px;
  }

  #banner-ficha .title {
      min-width: 500px;
      max-width: 500px;
  }

  #ficha .description p {
    font-size: 1.1rem;
  }

  .interesting a .title p{
    font-size: 0.9rem;
  }

  .interesting .title p {
    font-size: 1.4rem;
  }

  #ficha button {
      font-size: 1.2rem;
  }

  #ficha .sentence p {
      font-size: 1.1rem;
  }

  #ficha .sentence .name p {
    font-size: 1.2rem;
  }

  #banner-ficha .title h1 {
    font-size: 1.9rem;
  }

  #ficha .team p {
      font-size: 1.1rem;
  }

  #sentence .sentence-text a {
    font-size: 1.5rem;
  }

  .section-title p {
    font-size: 2.0rem;
  }

  .section-subtitle p {
    font-size: 1.6rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 345px;*/
    /* Set a specific height */
    /*min-height: 345px;*/
  }

  .map iframe {
    height: 400px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
    padding: 13px 0;
  }

  #gallery-info .carousel-cell {
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 2.0rem;
  }

  .other-info .title p {
    font-size: 1.4rem;
  }

  .other-info .photo-info {
    background-size: 120%;
  }

  .info-sidebar .date p {
    font-size: 1.3rem;
  }

  .teatro-header h1 {
    font-size: 2.2rem;
  }

  header .tools ul li a i {
    font-size: 1.4rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.4rem;
  }

  .two-cols ul li {
    font-size: 1.0rem;
  }

  .principal-text ul li {
    font-size: 1.0rem;
  }

  .info-menu .menu-section a {
    font-size: 1.4rem;
  }

  .content-body ul li {
    font-size: 1.0rem;
  }

  .content-body h3 {
    font-size: 1.3rem;
  }

  .stamps {
    position: absolute;
    left: 530px;
    bottom: 0px;
    top: -90px;
    margin-bottom: 3%;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top center;
  }

  /*Videos*/

  #banner-video {
    height: 44vw;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 1.7rem;
  }

  #banner-video .video-date p {
    font-size: 1.0rem;
  }

  #banner-video .video-bajada p {
    font-size: 1.0rem;
  }

  #banner-video .video-link a {
    font-size: 1.0rem;
  }

  #banner-video .mh-banner {
    min-height: auto;
    background-color: transparent;
  }

  .info-video .title-video h1 {
    font-size: 2.3rem;
  }

  .info-streaming .info p {
    font-size: 1.3rem;
  }

  .info-streaming span {
    font-size: 0.7rem;
  }

  .vimeobg {
    height: 60vh;
    min-height: 25rem;
  }

}

/* Starting into tablets somewhere in here */
@media (min-width: 900px) {
  body p {
    font-size: 1.0rem;
  }
  #banner-ficha .title {
    position: absolute;
  }
  .container {
    max-width: 990px;
  }

  header {
    height: 80vh;
    min-height: 35rem;
  }

  .content-header {
    height: 80vh;
    min-height: 35rem;
  }

  header .direction p {
    font-size: 0.8rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.5rem;
  }

  header .inside-menu {
    right: 338px;
    top: 5px;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 50px;
    width: 13.777%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 1.05rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 15%;
  }

  #sentence .sentence-text p {
    font-size: 2.5rem;
  }

  #social-news .hashtag p {
    font-size: 1.8rem;
  }

  #activities .flickity-prev-next-button {
    display: none;
  }

  .wrapper .list-item {
    overflow-x: inherit;
    white-space: normal;
  }

  .wrapper .item {
    float: left;
    display: block;
    width: 129.5px;
  }

  .wrapper:hover .item:hover {
    width: 225px;
    height: auto;
  }

  .wrapper:hover .item:not(:hover) {
    width: 118px;
    height: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07, .item.sec07 {
    min-width: auto;
  }

  header .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  header .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  #header-ficha .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 0.9rem;

  }

  .wrapper {
    pointer-events: none;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 340px;
  }

  .wrapper a {
    height: 340px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
  }

  .wrapper a .title p {
    writing-mode: vertical-rl;
  }

  header .inside-menu ul li a {
    font-size: 0.8rem;
    padding: 0 5px;
  }

  #banner-ficha .title {
      min-width: 500px;
      max-width: 500px;
  }

  #ficha .description p {
    font-size: 1.2rem;
  }

  .interesting a .title p{
    font-size: 1.0rem;
  }

  .interesting .title p {
    font-size: 1.5rem;
  }

  #ficha button {
      font-size: 1.3rem;
  }

  #ficha .sentence p {
      font-size: 1.1rem;
  }

  #ficha .sentence .name p {
    font-size: 1.2rem;
  }

  #banner-ficha .title h1 {
    font-size: 2.0rem;
  }

  #sentence .sentence-text a {
    font-size: 1.8rem;
  }

  .section-title p {
    font-size: 2.2rem;
  }

  .section-subtitle p {
    font-size: 1.8rem;
  }

  #banner-ficha .bg-ficha-interior {
      /*height: 435px;*/
      /*min-height: 435px;*/
  }

  .map iframe {
    height: 400px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
      padding: 10px 0;
  }

  #gallery-info .carousel-cell {
    /*min-height: 326px;*/
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 2.2rem;
  }

  .other-info .title p {
    font-size: 1.4rem;
  }

  .other-info .photo-info {
    background-size: 120%;
  }

  .info-sidebar .date p {
    font-size: 1.4rem;
  }

  .teatro-header h1 {
    font-size: 2.4rem;
  }

  header .tools ul li a i {
    font-size: 1.5rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.5rem;
  }

  .two-cols ul li {
    font-size: 1.0rem;
  }

  .principal-text ul li {
    font-size: 1.0rem;
  }

  .info-menu .menu-section a {
    font-size: 1.4rem;
  }

  .content-body ul li {
    font-size: 1.0rem;
  }

  .content-body h3 {
    font-size: 1.4rem;
  }

  .stamps {
    position: absolute;
    left: 530px;
    bottom: 0px;
    top: -90px;
    margin-bottom: 3%;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top center;
  }

  /*Videos*/

  #banner-video {
    height: 42vw;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 2.1rem;
  }

  #banner-video .video-date p {
    font-size: 1.2rem;
  }

  #banner-video .video-bajada p {
    font-size: 1.0rem;
  }

  #banner-video .video-link a {
    font-size: 1.0rem;
  }

  #banner-video .mh-banner {
    min-height: auto;
    background-color: transparent;
  }

  .info-video .title-video h1 {
    font-size: 2.5rem;
  }

  .info-streaming .info p {
    font-size: 1.4rem;
  }

  .info-streaming span {
    font-size: 0.8rem;
  }

  .vimeobg {
    height: 80vh;
    min-height: 35rem;
  }

}

/* A bit bigger if you need some adjustments around here */
@media (min-width: 1100px) {
  body p {
    font-size: 1.0rem;
  }

  .container {
    max-width: 1400px;
  }

  header {
    height: 80vh;
    min-height: 40rem;
  }

  .content-header {
    height: 80vh;
    min-height: 40rem;
  }

  header .direction p {
    font-size: 0.8rem;
  }

  header .bottom-header .msg p a {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 1.8rem;
    padding: 0 10px;
  }

  header .inside-menu {
    right: 290px;
    top: 13px;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 50px;
    width: 13.899%;
  }

  #calendar .carousel-main .capture {
    height: 85px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 1.05rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 14.333%;
  }

  #sentence .sentence-text p {
    font-size: 2.5rem;
  }

  #social-news .hashtag p {
    font-size: 1.8rem;
  }

  #activities .flickity-prev-next-button {
    display: none;
  }

  .wrapper .list-item {
    overflow-x: inherit;
    white-space: normal;
  }

  .wrapper .item {
    float: left;
    display: block;
  }

  .wrapper:hover .item:hover {
    height: auto;
  }

  .wrapper:hover .item:not(:hover) {
    height: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: auto;
  }

  header .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  header .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  #header-ficha .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  .wrapper {
    pointer-events: none;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 360px;
  }

  .wrapper a {
    height: 360px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
  }

  .wrapper a .title p {
    writing-mode: vertical-rl;
  }

  header .inside-menu ul li a {
    font-size: 0.9rem;
    padding: 0 10px;
  }

  header .inside-menu {
    right: 320px;
    top: 8px;
  }

  #ficha .description p {
    font-size: 1.2rem;
  }

  #banner-ficha .title {
      min-width: 500px;
      max-width: 500px;
  }

  .interesting a .title p{
    font-size: 1.0rem;
  }

  .interesting .title p {
    font-size: 1.6rem;
  }

  #ficha button {
      font-size: 1.3rem;
  }

  #ficha .sentence p {
      font-size: 1.2rem;
  }

  #ficha .sentence .name p {
    font-size: 1.3em;
  }

  #banner-ficha .title h1 {
    font-size: 2.2rem;
  }

  #ficha .team p {
      font-size: 1.2rem;
  }

  #sentence .sentence-text a {
    font-size: 2.2rem;
  }

  .section-title p {
    font-size: 2.5rem;
  }

  .section-subtitle p {
    font-size: 1.8rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 510px;*/
    /* Set a specific height */
    /*min-height: 510px;*/
  }

  .map iframe {
    height: 450px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
      padding: 10px 0;
  }

  #gallery-info .carousel-cell {
    /*min-height: 326px;*/
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 2.2rem;
  }

  .other-info .title p {
    font-size: 1.5rem;
  }

  .other-info .photo-info {
    background-size: 120%;
  }

  .info-sidebar .date p {
    font-size: 1.5rem;
  }

  .teatro-header h1 {
    font-size: 2.5rem;
  }

  header .tools ul li a i {
    font-size: 1.6rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.6rem;
  }

  .two-cols ul li {
    font-size: 1.0rem;
  }

  .principal-text ul li {
    font-size: 1.0rem;
  }

  .info-menu .menu-section a {
    font-size: 1.4rem;
  }

  .content-body ul li {
    font-size: 1.0rem;
  }

  .content-body h3 {
    font-size: 1.5rem;
  }

  .stamps {
    position: absolute;
    left: 530px;
    bottom: 0px;
    top: -100px;
    margin-bottom: 3%;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 530px;
    min-height: 530px;
    background-size: 110%;
    background-position: top-center;
  }

  /*Videos*/

  #banner-video {
    height: 42vw;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 2.2rem;
  }

  #banner-video .video-date p {
    font-size: 1.3rem;
  }

  #banner-video .video-bajada p {
    font-size: 1.1rem;
  }

  #banner-video .video-link a {
    font-size: 1.1rem;
  }

  #banner-video .mh-banner {
    min-height: auto;
    background-color: transparent;
  }

  .info-video .title-video h1 {
    font-size: 2.8rem;
  }

  .info-streaming .info p {
    font-size: 1.5rem;
  }

  .info-streaming span {
    font-size: 0.8rem;
  }

  .vimeobg {
    height: 70vh;
    min-height: 35rem;
  }

}

@media (min-width: 1250px) {
  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.1rem;
  }

  .vimeobg {
    height: 70vh;
    min-height: 35rem;
  }

}
/* Widescreens */
@media (min-width: 1500px) {
  body p {
    font-size: 1.1rem;
  }

  .container {
    max-width: 1300px;
  }

  header {
    height: 70vh;
    min-height: 40rem;
  }

  .content-header {
    height: 80vh;
    min-height: 40rem;
  }

  header .direction p {
    font-size: 1.0rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 2.0rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 50px;
    width: 14%;
  }

  #calendar .carousel-main .capture {
    height: 100px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 1.2rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 14.333%;
  }

  #sentence .sentence-text p {
    font-size: 2.5rem;
  }

  #social-news .hashtag p {
    font-size: 1.8rem;
  }

  #activities .flickity-prev-next-button {
    display: none;
  }

  .wrapper .list-item {
    overflow-x: inherit;
    white-space: normal;
  }

  .wrapper .item {
    float: left;
    display: block;
    width: 11.1%;
  }

  .wrapper:hover .item:hover {
    width: 19.9%;
    height: auto;
  }

  .wrapper:hover .item:not(:hover) {
    width: 10%;
    height: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: auto;
  }

  header .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  header .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  #header-ficha .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.2rem;
  }

  .wrapper {
    pointer-events: none;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 360px;
  }

  .wrapper a {
    height: 360px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
  }

  .wrapper a .title p {
    writing-mode: vertical-rl;
  }

  header .inside-menu ul li a {
    font-size: 0.9rem;
    padding: 0 10px;
  }

  header .inside-menu {
    right: 340px;
    top: 10px;
  }

  #banner-ficha .title {
      min-width: 500px;
      max-width: 500px;
  }

  #ficha .description p {
    font-size: 1.2rem;
  }

  .interesting a .title p{
    font-size: 1.1rem;
  }

  .interesting .title p {
    font-size: 1.6rem;
  }

  #ficha button {
      font-size: 1.3rem;
  }

  #ficha .sentence p {
      font-size: 1.2rem;
  }

  #ficha .sentence .name p {
    font-size: 1.3em;
  }

  #banner-ficha .title h1 {
    font-size: 2.2rem;
  }

  #ficha .team p {
      font-size: 1.2rem;
  }

  #sentence .sentence-text a {
    font-size: 2.3rem;
  }

  .section-title p {
    font-size: 2.5rem;
  }

  .section-subtitle p {
    font-size: 1.8rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 530px;*/
    /* Set a specific height */
    /*min-height: 530px;*/
  }

  .map iframe {
    height: 450px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
      padding: 10px 0;
  }

  #gallery-info .carousel-cell {
    /*min-height: 326px;*/
    min-height: auto;
  }

  .other-info .title p {
    font-size: 1.5rem;
  }

  .other-info .photo-info {
    background-size: 120%;
  }

  .info-sidebar .date p {
    font-size: 1.5rem;
  }

  .teatro-header h1 {
    font-size: 2.5rem;
  }

  header .tools ul li a i {
    font-size: 1.6rem;
  }

  .two-cols ul li {
    font-size: 1.1rem;
  }

  .principal-text ul li {
    font-size: 1.1rem;
  }

  .info-menu .menu-section a {
    font-size: 1.5rem;
  }

  .content-body ul li {
    font-size: 1.1rem;
  }

  .content-body h3 {
    font-size: 1.5rem;
  }

  .stamps {
    position: absolute;
    left: 530px;
    bottom: 0px;
    top: -100px;
    margin-bottom: 3%;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 550px;
    min-height: 550px;
    background-size: 100%;
    background-position: center;
  }

  /*Videos*/

  #banner-video {
    height: 35vw;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 2.2rem;
  }

  #banner-video .video-date p {
    font-size: 1.3rem;
  }

  #banner-video .video-bajada p {
    font-size: 1.1rem;
  }

  #banner-video .video-link a {
    font-size: 1.1rem;
  }

  #banner-video .mh-banner {
    min-height: auto;
    background-color: transparent;
  }

  .info-video .title-video h1 {
    font-size: 2.8rem;
  }

  .info-streaming .info p {
    font-size: 1.7rem;
  }

  .info-streaming span {
    font-size: 0.8rem;
  }

  .vimeobg {
    height: 70vh;
    min-height: 40rem;
  }

}

/* Widescreens */
@media (min-width: 1920px) {
  body p {
    font-size: 1.1rem;
  }

  header {
    height: 60vh;
    min-height: 40rem;
  }

  .container {
    max-width: 1280px;
  }

  .content-header {
    height: 80vh;
    min-height: 40rem;
  }

  header .direction p {
    font-size: 1.0rem;
  }

  header .bottom-header .msg p {
    font-size: 0.8rem;
  }

  header .nav-menu-desk ul li a {
    font-size: 2.0rem;
  }

  #calendar .carousel-nav .carousel-cell {
    height: 50px;
    width: 14%;
  }

  #calendar .carousel-main .capture {
    height: 125px;
  }

  #calendar .carousel-nav .carousel-cell p {
    font-size: 1.2rem;
  }

  #activities .carousel-activities .carousel-cell {
    width: 14.333%;
  }

  #sentence .sentence-text p {
    font-size: 3.0rem;
  }

  #social-news .hashtag p {
    font-size: 2.0rem;
  }

  #activities .flickity-prev-next-button {
    display: none;
  }

  .wrapper .list-item {
    overflow-x: inherit;
    white-space: normal;
  }

  .wrapper .item {
    float: left;
    display: block;
    width: 11.1%;
  }

  .wrapper:hover .item:hover {
    width: 19.1%;
    height: auto;
  }

  .wrapper:hover .item:not(:hover) {
    width: 10.1%;
    height: auto;
  }

  .wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
    min-width: auto;
  }

  header .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  header .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  #header-ficha .tools ul li a {
    width: 45px;
    height: 45px;
    padding: 4px;
  }

  #header-ficha .tools ul li:last-child a {
    width: 45px;
    height: 45px;
    padding: 6px;
  }

  #header-ficha .nav-menu-desk ul li a {
    font-size: 1.3rem;
  }

  .wrapper {
    pointer-events: none;
  }

  .wrapper .item {
    pointer-events: visible;
  }

  #activities .carousel-cell a {
    height: 360px;
  }

  .wrapper a {
    height: 360px;
  }

  .wrapper a .title {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
  }

  .wrapper a .title p {
    writing-mode: vertical-rl;
  }

  header .inside-menu ul li a {
    font-size: 0.9rem;
    padding: 0 10px;
  }

  header .inside-menu {
    right: 340px;
    top: 10px;
  }

  #banner-ficha .title {
      min-width: 550px;
      max-width: 550px;
  }

  #ficha .description p {
    font-size: 1.3rem;
  }

  .interesting a .title p{
    font-size: 1.2rem;
  }

  .interesting .title p {
    font-size: 1.6rem;
  }

  #ficha button {
      font-size: 1.4rem;
  }

  #ficha .sentence p {
      font-size: 1.2rem;
  }

  #ficha .sentence .name p {
    font-size: 1.3em;
  }

  #banner-ficha .title h1 {
    font-size: 2.2rem;
  }

  #ficha .team p {
      font-size: 1.2rem;
  }

  #sentence .sentence-text a {
    font-size: 2.6rem;
  }

  .section-title p {
    font-size: 2.5rem;
  }

  .section-subtitle p {
    font-size: 1.8rem;
  }

  #banner-ficha .bg-ficha-interior {
    /*height: 770px;*/
    /*min-height: 770px;*/
  }

  .map iframe {
    height: 450px !important;
  }

  #banner-ficha .bg-ficha-interior {
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;*/
  }

  .downloads a .downloads-icon {
      padding: 10px 0;
  }

  #gallery-info .carousel-cell {
  /*min-height: 326px;*/
    min-height: auto;
  }

  .news-banner .section-title-news h1 {
    font-size: 2.2rem;
  }

  .other-info .title p {
    font-size: 1.5rem;
  }

  .other-info .photo-info {
    background-size: 120%;
  }

  .info-sidebar .date p {
    font-size: 1.5rem;
  }

  .teatro-header h1 {
    font-size: 2.5rem;
  }

  header .tools ul li a i {
    font-size: 1.6rem;
  }

  #header-ficha .tools ul li a i {
    font-size: 1.6rem;
  }

  .two-cols ul li {
    font-size: 1.1rem;
  }

  .principal-text ul li {
    font-size: 1.1rem;
  }

  .info-menu .menu-section a {
    font-size: 1.4rem;
  }

  .content-body ul li {
    font-size: 1.1rem;
  }

  .content-body h3 {
    font-size: 1.5rem;
  }

  .stamps {
    position: absolute;
    left: 530px;
    bottom: 0px;
    top: -100px;
    margin-bottom: 3%;
    z-index: 1;
  }

  #banner-ficha .bg-ficha-video {
    height: 580px;
    min-height: 580px;
    background-size: 100%;
    background-position: center;
  }

  /*Videos*/

  #banner-video {
    height: 35vw;
  }

  #banner-video .info-video .video-title h1 {
    font-size: 2.2rem;
  }

  #banner-video .video-date p {
    font-size: 1.3rem;
  }

  #banner-video .video-bajada p {
    font-size: 1.1rem;
  }

  #banner-video .video-link a {
    font-size: 1.1rem;
  }

  #banner-video .mh-banner {
    min-height: auto;
    background-color: transparent;
  }

  .info-video .title-video h1 {
    font-size: 2.8rem;
  }

  .info-streaming .info p {
    font-size: 1.8rem;
  }

  .info-streaming span {
    font-size: 0.8rem;
  }

  .vimeobg {
    height: 60vh;
    min-height: 40rem;
  }

}