/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 1, 2020 */
@font-face {
    font-family: 'keep_calm_medregular';
    src: url('fonts/frontcalm-medium-webfont.woff2') format('woff2'),
         url('fonts/frontcalm-medium-webfont.woff') format('woff'),
         url('fonts/frontcalm-medium-webfont.svg#keep_calm_medregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
}
.dark{
  background-color: #f20f0f;
  color: #ffffff;
}
.light{
  background-color: #fefefe;
  color: #232323;
}
  .light a,
  .light h1,
  .light strong {
    color: #f20f0f;
  }
.dark a {
  text-decoration: none;
  color: #eee;
}

  .dark a {
    text-decoration: none;
    color: #eee;
  }
    .dark a:hover, a:focus {
      color: #febebe;
    }
    .dark a:visited {
      color: #ededed;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: 'keep_calm_medregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      font-weight: 400;
    }

img {
  max-width: 100%;
}
  main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    max-width: 900px;
    margin: 0 auto;

    position: relative;
    overflow: hidden;
  }
  footer {
    /*max-width: 900px;*/
    margin: 0 auto;
  }

.logo-wrapper {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
  @media only screen and (min-width: 560px) {
    .logo-wrapper {
      margin-top: 2rem;
    }
  }
    @media only screen and (min-width: 940px) {
      .logo-wrapper {
        margin-top: 3rem;
      }
    }


    .logo {
      position: relative;
      /*top: 3rem;*/
      width: 100%;
    }
      .logo img:not(.logo-glitch-text-extra) {
        position: absolute;
        top: 0;
        left: 0;
      }
      .logo-glitch-1 {
        -webkit-transition: all .9s 5s;
        -o-transition: all .9s 5s;
        transition: all .9s 5s;
        /*transform: translateX(15px);*/
      }
      .logo-glitch-2 {
        -webkit-transition: all .8s 5s;
        -o-transition: all .8s 5s;
        transition: all .8s 5s;
        /*transform: translateY(15px);*/
      }

      .logo-text:after {
        content: '';
        display: block;
        background-image: url('img-2020/logo-text-extra-2.png');
      }

    .logo h1 {
      font-size: 1.4rem;
      letter-spacing: 11.5px;
      position: relative;
      text-align: center;
    }
      @media only screen and (min-width: 560px) {
        .logo h1 {
          font-size: 1.7rem;
        }
      }
        @media only screen and (min-width: 940px) {
          .logo h1 {
            font-size: 2rem;
          }
        }

    .logo-wrapper h2 {
      margin-top: 0;
      margin-bottom: 0;
      /*margin-top: 6.5rem;*/
      text-align: center;
      font-size: .8rem;
      /*padding: 1rem 1.5rem;*/
      font-weight: 400;
    }
      @media only screen and (min-width: 640px) {
        .logo-wrapper h2 {
          /*margin-top: 8rem;*/
          font-size: 1.1rem;
        }
      }

    .logo-circle-container {
      margin: 0 auto;
      position: relative;
      width: 90%;
      text-align: center;
    }
    .logo-circle {
      position: relative;
    }
    .inner-logo {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
    }
    .inner-logo:after {
      content: ' –    V  S  1  6    – ';
      display: block;

      font-size: .7rem;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      line-height: 2;
      word-wrap: break-word;

      color: #fbbf39;
      margin: 0 auto;
      width: 10px;
      padding-top: 2rem;
    }
      @media only screen and (min-width: 640px) {
        .inner-logo:after {
          font-size: .85rem;
        }
      }

    /*.logo-text_NOT:after {
      content: '';
      display: block;

      width: auto;
      height: auto;

      color: #fbbf39;
      margin: 0 auto;
      width: 1px;

    }*/
    .logo .logo-glitch-text-extra {
      position: absolute;
      right: .65rem;
      top: 1.05rem;
      width: 130px;
    }

    .date {
      -ms-flex-item-align: end;
          align-self: flex-end;
      padding: 2rem .5rem;
      /*font-weight: 600;*/
      font-size: .9rem;
      /*width: 80%;*/
      /*margin: 0 auto;*/
      bottom: 3.6rem;

      position: relative;
    }
      .date div {
        font-size: 75%;
        line-height: 1;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: flex-start;
            -ms-flex-align: flex-start;
                align-items: flex-start;
      }
      .date div a:last-of-type {
        -ms-flex-item-align: end;
            align-self: flex-end;
      }
        .date:after {
          content: '';
          display: block;
          position: absolute;
          right: -2.2rem;
          top: -33%;

          width: 100%;
          height: 80%;
          background-repeat: no-repeat;
          background-position: top right;
          background-size: auto;
          background-image: url('img-2020/glitches/pixel_glitch_down_right_01.svg');
          z-index: -1;
        }
          @media only screen and (min-width: 640px) {
            .date:after {
              right: -55px;
              top: -55%;
              width: 100%;
              height: 100%;
            }
          }
            @media only screen and (min-width: 940px) {
              .date:after {
                right: -65px;
                top: -75%;
                width: 100%;
                height: 120%;
                background-size: auto;
              }
            }

      .date div span,
      .date div a {
        background-color: transparent;
      }

    .date div,
    .date a,
    .date span,
    .date h2 {
      text-transform: uppercase;
    }

    .date span {
       text-shadow: 0 0 2px #666;
       font-size: 1rem;
    }
      @media only screen and (min-width: 640px) {
        .date span {
           text-shadow: 0 0 2px #666;
           font-size: 1.2rem;
        }
      }

    hr {
      width: 100%;
      /*padding: 0 2rem;*/
      -webkit-margin-before: .25em;
              margin-block-start: .25em;
      border: none;
      margin-bottom: .5rem;
    }
    hr:nth-of-type(1) {
      border-bottom: .8px solid white;
    }
    hr:nth-of-type(2) {
      border-bottom: 1.1px solid white;
    }
    hr:nth-of-type(3) {
      border-bottom: 1.6px solid white;
    }
    hr:nth-of-type(4) {
      border-bottom: 2.4px solid white;
    }

/*main logo nav*/
    .main-logo-nav {
      background-color: #f20f0f;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 700;
      padding: .5rem;
    }
    .main-logo-nav img {
      width: auto;
      height: 30px;
    }

    @media only screen and (min-width: 560px) {
      .main-logo-nav img {
        height: 40px;
      }
    }


    /*FOOTER: ;*/

    .logos-footer {
      background-color: #f20f0f;

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 98%;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      padding-bottom: 1rem;
    }
      @media only screen and (min-width: 560px) {
        .logos-footer {
          max-width: 90%;
        }
      }
        @media only screen and (min-width: 880px) {
          .logos-footer {
            max-width: 85%;
          }
        }
          @media only screen and (min-width: 1200px) {
            .logos-footer {
              max-width: 75%;
            }
          }
    .logos-footer.dark {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-bottom: 1rem;
    }
      .logos-footer img {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 180px;
                flex: 0 1 180px;

        max-width: 145px;
      }
        @media only screen and (min-width: 500px) {
          .logos-footer img {
            max-width: 165px;
          }
        }
          @media only screen and (min-width: 940px) {
            .logos-footer img {
              max-width: 180px;
            }
          }
            @media only screen and (min-width: 1200px) {
              .logos-footer img {
                max-width: 180px;
              }
            }

      main.home:before {
        content: '';
        display: block;
        position: absolute;
        left: 0.25rem;
        top: 1rem;
        width: 30px;
        height: 250px;
        background-repeat: no-repeat;
        background-position: top left;
        background-size: cover;
        background-image: url('img-2020/glitches/pixel_glitch_upper_left.svg')
      }
        @media only screen and (min-width: 640px) {
          main.home:before {
            left: 1.25rem;
            top: 1rem;
            width: 30px;
            height: 250px;
            background-size: contain;
          }
        }
          @media only screen and (min-width: 940px) {
            main.home:before {
              left: 3.25rem;
              top: 1rem;
              width: 30px;
              height: 280px;

            }
          }

      main.home:after {
        content: '';
        display: block;
        position: absolute;
        right: 25%;
        top: 0;
        height: 30px;
        width: 250px;
        background-repeat: no-repeat;
        background-position: top left;
        background-size: cover;
        background-image: url('img-2020/glitches/pixel_glitch_upper_center.svg')
      }
        @media only screen and (min-width: 640px) {
          main.home:after {
            right: 30%;
            top: .5rem;
            height: 30px;
            width: 320px;
            background-size: contain;
          }
        }
          @media only screen and (min-width: 940px) {
            main.home:after {
              right: 35%;
              top: 1.5rem;
              height: 30px;
              width: 380px;

            }
          }

    @keyframes glitch-1-rightleft {
      0% {
        opacity: 1;
      }
      2% {
        opacity: .3;
      }
      98% {
        opacity: .9;
      }
      100% {
        opacity: 0;
      }
    }

    .logo-glitch-1 {
      animation-duration: 0.05s;
      animation-name: glitch-1-rightleft;
      animation-iteration-count: infinite;
      animation-iteration-count: 19;
      animation-timing-function: steps(4, end);
      animation-direction: alternate;

      animation-delay: 1s;
    }


    @keyframes glitch-2-rightleft {
      0% {
        opacity: 1;
      }
      2% {
        opacity: .3;
      }
      98% {
        opacity: .9;
      }
      100% {
        opacity: 0;
      }
    }

    .logo-glitch-2 {
      animation-duration: 1s;
      animation-name: glitch-2-rightleft;
      animation-timing-function: steps(4, end);
      animation-iteration-count: infinite;
      animation-iteration-count: 48;
      animation-direction: alternate;
      animation-delay: .5s;
    }

    .offscreen {
     clip-path: inset(100%);
     clip: rect(1px 1px 1px 1px); /* IE 6/7 */
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap; /* added line */
      width: 1px;
     }


    .box-convo {
      margin: 0 10% 0 auto;
      width: auto;
      display: inline-block;
      text-align: left;
      text-transform: uppercase;
      border: 2px #fefefe solid;
      padding: .5rem 1rem;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url('img-2020/convo/box_convo_top_01.svg');

      background: url('img-2020/convo/box_convo_top_01.svg'), url('img-2020/convo/box_convo_bot_02.svg');
      background-position: left top, right bottom;
      background-repeat: no-repeat, no-repeat;
    }
      @media only screen and (min-width: 640px) {
        .box-convo {
          margin: 0 5% 0 auto;
        }
      }
        @media only screen and (min-width: 940px) {
          .box-convo {
            margin: 0 10% 0 auto;
            padding: 1rem 1.5rem;
          }
        }

      .box-convo h4 {
        display: inline;
        font-size: .8rem;
      }
        @media only screen and (min-width: 940px) {
          .box-convo h4 {
            font-size: 1rem;
          }
        }
      .box-convo span {
        background-color: #f20f0f;
      }
      .box-convo span:nth-of-type(2) {
        color: #fbbf39;
      }

      .logo-circle-container {
          margin: 0 auto;
          max-width: 50vh;
      }
        /*@media only screen and (min-width: 640px) {
          .logo-circle-container {
            margin: -4rem auto 0;
          }
        }*/


      /*mobile only media query vv*/
      @media only screen and (max-width: 640px) {
        .box-convo {
          order: 3;
        }
        .logo-circle-container {
          order: 2;
        }
        .date {
          order: 5;
        }
        .logos-footer {
          order: 6;
        }
      }


header.home {
  overflow: hidden;
}
.home {
  overflow: visible;;
}

  main.home {
    padding-bottom: 3rem;
  }

  .home .super-header {
    margin: 0 0 0 -3px;
  }
  @media only screen and (min-width: 640px) {
    .home .super-header {
      margin: 0 0 0 -6px;
    }
  }
    @media only screen and (min-width: 940px) {
      .home .super-header {
        margin: 0 0 0 -8px;
      }
    }

  .home .convocatoria {
    padding: 0 1.15rem;
  }
    @media only screen and (min-width: 940px) {
      .home .convocatoria {
          margin-top: 0;

          overflow: visible;
      }
    }
      @media only screen and (min-width: 1280px) {
        .home .convocatoria {
            /*margin-top: -8rem;*/
        }
      }

  /*.home .short-column {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-shadow: inset 0px -26px 13px -19px #dedede;
            box-shadow: inset 0px -26px 13px -19px #dedede;
  }*/
    @media only screen and (min-width: 640px) {
      .home .short-column {
        margin: 0 auto;
      }
    }
      @media only screen and (min-width: 940px) {
        .home .short-column {
          margin: 0 auto 0 18%;
        }
      }
        @media only screen and (min-width: 1280px) {
          .home .short-column {
            margin: 0 auto 0 35%;
          }
        }
          .home .paragraph-container {
            padding: 0;
          }

            @media only screen and (min-width: 640px) {
              .home .grid-2 {
                 grid-template-columns: 1fr;
                 padding: 0 10%;
              }
            }
            @media only screen and (min-width: 940px) {
              .home .grid-2 {
                 grid-template-columns: 1fr 1fr;
                 padding: 0;
              }
            }

  .home .title-container {
    padding-bottom: 2.5rem;
    overflow: visible;
  }

  .home .convocatoria p.lead  {
    font-family: 'keep_calm_medregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.05em;
  }
      .home .convocatoria:after {
        background-image: url('img-2020/convo/convo_index_v_right_elem_04.svg');
      }

      .home.curaduria {
         height: auto;
      }
        @media only screen and (min-width: 640px) {
          .home.curaduria {
             height: 100vh;
          }
        }

    /*@media only screen and (min-width: 940px) {
      .home .short-column {
        margin: 0 auto 0 45%;
      }
    }*/
    .home.home-div {
      padding-top: 2.8rem;
      position: relative;
    }
      @media only screen and (min-width: 640px) {
        .home.home-div {
          padding-top: 3.2rem;
        }
      }
      .home.home-div:before {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: -2.5rem;
        height: 6rem;
        width: 100%;
        background-repeat: repeat-x;
        background-position: center left;
        background-size: 200%;
        background-image: url('img-2020/convo/transition_h_glitch_01.svg');
      }
        @media only screen and (min-width: 640px) {
          .home.home-div:before {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: -2.25rem;
            height: 5rem;
            width: 100%;
            background-repeat: repeat-x;;
            background-position: center;
            background-size: 150%;
            background-image: url('img-2020/convo/transition_h_glitch_01.svg');
          }
        }
          @media only screen and (min-width: 940px) {
            .home.home-div:before {
              content: '';
              display: block;
              position: absolute;
              right: 0;
              top: -1.475rem;
              height: 5rem;
              width: 100%;
              background-repeat: repeat-x;;
              background-position: center;
              background-size: 100%;
              background-image: url('img-2020/convo/transition_h_glitch_01.svg');
            }
          }

    /*bottom div glitch*/
    .newsletter.home-div {
      padding-top: 2.8rem;
      position: relative;
    }
      @media only screen and (min-width: 640px) {
        .newsletter.home-div {
          padding-top: 3.2rem;
        }
      }
      .newsletter.home-div:before {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: -2.5rem;
        height: 6rem;
        width: 100%;
        background-repeat: repeat-x;
        background-position: center left;
        background-size: 200%;
        z-index: 12;
        background-image: url('img-2020/convo/transition_h_glitch_01_whte.svg');
      }
        @media only screen and (min-width: 640px) {
          .newsletter.home-div:before {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: -2.25rem;
            height: 5rem;
            width: 100%;
            background-repeat: repeat-x;;
            background-position: center;
            background-size: 150%;
            background-image: url('img-2020/convo/transition_h_glitch_01_whte.svg');
          }
        }
          @media only screen and (min-width: 940px) {
            .newsletter.home-div:before {
              content: '';
              display: block;
              position: absolute;
              right: 0;
              top: -1.475rem;
              height: 5rem;
              width: 100%;
              background-repeat: repeat-x;;
              background-position: center;
              background-size: 100%;
              background-image: url('img-2020/convo/transition_h_glitch_01_whte.svg');
            }
          }
          /*bottom div glitch ¨¨ */

    @media only screen and (min-width: 1280px) {

      .home.home-div:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 70%;
        height: 50px;
        width: 90px;
        background-color: #f20f0f;
      }
    }
    .paragraph-container p span strong:before {
      content: '';

      position: relative;
      display: inline-block;
      margin-right: 2px;

      border-bottom: 9px solid #f20f0f;
    	border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      transform: rotate(90deg);
    }


  /*util */
  .text-center {
    text-align: center;
  }

  /* color */
  .red-main {
    color: #f20f0f;
  }
  .yellow {
    color: #fbc20b;
  }

  .scroll-anchor-hero {
    position: absolute;
    top: 83%;
    z-index: 7000;
    left: 0;

    margin: 0 auto;
    text-transform: uppercase;
    font-size: .8rem;
    transform: rotate(270deg);
  }
    @media only screen and (min-width: 640px) {
      .scroll-anchor-hero {
        position: relative;
        top: 1rem;
        left: 0;
      }
    }
    .scroll-anchor-hero:after {
      content: "";
      display: block;
      position: absolute;
      width: 120px;
      height: 1px;
      right: 0;
      background-color: #fff;
    }

  .scroll-anchor-2nd {
    position: relative;
    top: 4rem;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: .8rem;
    transform: rotate(270deg);
  }
  @media only screen and (min-width: 640px) {

  }
    .scroll-anchor-2nd:after {
      content: "";
      display: block;
      position: absolute;
      width: 120px;
      height: 1px;
      right: 0;
      background-color: #fff;
    }

  .read-anchor {
    position: relative;
    top: .25rem;
    margin: 0 .25%;
    font-size: 80%;
  }
    .dark a.read-anchor {
      color: #f20f0f;
    }
      .dark a.read-anchor:visited {
        color: #b20505;
      }
      .r-more:after {
        content: "▼";
      }
      .r-less:after {
        content: "▲";
      }

  .show-for-medium {
    display: none;
  }
  @media only screen and (min-width: 640px) {
    .show-for-medium {
      display: block;
    }
  }
    .show-for-large {
      display: none;
    }
    @media only screen and (min-width: 940px) {
      .show-for-large {
        display: block;
      }
    }




/*_____________________________*/
/*Anteriores grid*/

.anteriores-section {
  max-width: 900px;
  margin: 0 auto;
}

  .anteriores-section h4 {
    padding: 0 1.15rem 1rem;
  }

.grid-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
  .grid-inner:before {
    content: "";
    display: block;
    height: 20px;
    width: 650px;
    background-image: url('img-2020/glitches/pixel_glitch_upper_center.svg');
    background-position: right;

    position: absolute;
    top: 7px;
    right: 0;

    transition: all ease-out .25s;
  }
  .grid-inner:after {
    content: '';
    display: block;
    position: absolute;
    right: -8.2rem;
    top: 4rem;

    width: 100%;
    height: 80%;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto;
    background-image: url('img-2020/glitches/pixel_glitch_down_right_01.svg');
    z-index: -1;
  }
  .grid-inner div {
    flex: 0 0 145px;
    text-align: center;
    overflow: hidden;
    position: relative;

    margin: 1rem .55rem 0.5rem 0.5rem;
    height: 35px;

    display: flex;
    justify-content: center;
    align-items: center;
  }
    .grid-inner a {
      display: block;
      height: auto;
      width: auto;

      position: relative;
      overflow: hidden;
    }
      .grid-inner a:before {
        content: "";
        display: block;
        height: 10px;
        width: 250px;
        background-image: url('img-2020/logo-glitch-2.png');
        background-position: left;

        position: absolute;
        top: 20px;
        left: 0;

        transition: all ease-out .15s;
      }
      .grid-inner a:after {
        content: "";
        display: block;
        height: 10px;
        width: 250px;
        background-image: url('img-2020/logo-glitch-1.png');
        background-position: right;

        position: absolute;
        top: 5px;
        right: 0;

        transition: all ease-out .15s;
      }

        .grid-inner div:hover > a:after {
          transform: translateX(5px);
        }

        .grid-inner div:hover > a::before {
          transform: translatey(14px);
        }


    .grid-inner a {
      font-family: 'keep_calm_medregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    .grid-inner span {
      font-family: 'keep_calm_medregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 2.5rem;

      opacity: 1;
      transition: all ease-out .15s;
    }
      .grid-inner a:hover span {
        background-color: #eeeeee;
    color: #f20f0f;
      }


      @media only screen and (min-width: 640px) {
        .grid-inner div {
          flex: 0 0 160px;
          margin: 1.5rem .75rem 0 1.5rem;
          height: 40px;
        }
        .grid-inner span {
          font-size: 3rem;
        }
      }

        @media only screen and (min-width: 960px) {
          .grid-inner div {
            flex: 0 0 160px;
            margin: 1.5rem .75rem 0 1.5rem;
            height: 55px;
          }
          .grid-inner span {
            font-size: 4.25rem;
          }
        }

  .festival-digital {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-image: url(img-2020/fondo/skeleton2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 65% center;
    background-color: #000;
  }
    @media only screen and (min-width: 640px) {
      .festival-digital {
        background-image: url(img-2020/fondo/skeleton2.jpg);
        background-position: 60% center;
      }
    }
      @media only screen and (min-width: 940px) {
        .festival-digital {
          background-image: url(img-2020/fondo/skeleton2.jpg);
          background-position: right center;
        }
      }
    .inner-row-section {
      max-width: 880px;
      margin: 0 auto;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
      .inner-row-section h1 {
        font-size: 1.2rem;
        margin: 0 1.5rem;
        text-shadow: 0 0 14px #000;
        padding-bottom: 2rem;
      }
        @media only screen and (min-width: 640px) {
          .inner-row-section h1 {
            font-size: 1.5rem;
            padding-bottom: 1rem;
          }
        }
          @media only screen and (min-width: 940px) {
            .inner-row-section h1 {
              font-size: 2rem;
              padding-bottom: 0;
            }
          }
          .inner-row-section h2 {
            font-size: 1.15rem;
            margin: 0 1.5rem;
            text-shadow: 0 0 14px #000;
            padding-bottom: 2rem;
          }
            @media only screen and (min-width: 640px) {
              .inner-row-section h2 {
                font-size: 1.25rem;
                padding-bottom: 1rem;
              }
            }
              @media only screen and (min-width: 940px) {
                .inner-row-section h2 {
                  font-size: 1.5rem;
                  padding-bottom: 0;
                }
              }

    .inner-col-right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }
      @media only screen and (min-width: 640px) {
        .inner-col-right {
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
        }
      }
      .inner-col-right p {
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.2;
        margin: 0 1rem;
      }
        @media only screen and (min-width: 640px) {
          .inner-col-right p {
            line-height: 1.1;
            font-size: 1.3rem;
          }
        }
    .most-inner-text {
      margin: 1.5rem 1rem 0 1rem;
    }
      .most-inner-text span {
        font-size: 1.2rem;
        font-family: 'keep_calm_medregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        text-shadow: 0 0 14px #000;
      }
        @media only screen and (min-width: 640px) {
          .most-inner-text span {
            font-size: 1.4rem;
          }
        }

    /*suscribe bar/*/
    .container{
      width:80%;
      margin:auto;
      overflow:hidden;
    }
    /* Newsletter */
    #newsletter{
      padding: 15px;
      color: #ffffff;
      background: #fbc20b;
      background-image: url(img-2020/fondo/flow-yellow.jpg);
      background-position: top center;
      background-size: cover;
    }

  #newsletter form{
    float: right;
    margin-top: 15px;
  }
  #newsletter h1 {
    color: #000;
  }
  #newsletter .button {
    color: #fefefe;
    padding: .59rem 1rem;
    border: none;
    margin: .25rem 0 2rem .25rem;
  }

  #newsletter input[type="text"],
  #newsletter input[type="email"]{
    padding: 4px;
    height: 25px;
    max-width: 250px;
    margin: 0.25rem;
  }

  .mm-menu_theme-dark {
      --mm-color-background: #fbc20b;
      --mm-color-background-emphasis: #ef8a0f;
      --mm-color-text: black;
  }

  /*mmmenu*/
  .mm-menu.mm-menu_offcanvas {
    z-index: 130;
  }

  /*staff and artists*/
  .artistas-container:not(.artistas-index) .grid-item:nth-of-type(2) {
    height: auto;
  }


   /*//////embed*/
   .responsive-embed {
       position: relative;
       overflow: hidden;
       padding-top: 56.25%;
   }
   .responsive-embed.responsive-wide {
         padding-top: 41.25%;
     }
   .resp-iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
  }
    @media only screen and (min-width: 1074px) {
      .embed-container {
        max-width:70%;
        margin: 0 auto;
      }
    }


   /*embed*/