.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;
   }

   .text-logo b {
     font-weight: normal;
   }
   .inner-flex img {
     width: 100%;
   }
   .home.calendar {
     height: 50vh;
   }
   @media only screen and (min-width: 760px) {
     .inner-flex img {
       width: 33%;
     }
     .live {
       position: absolute;
     }
   }

   .tarjeta-calendario {
     height: 200px;
     width: 100%;
     color:white;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: center;
     flex-basis: 20%;
     align-items: center;
     text-align: center;

     background-repeat: no-repeat;
     background-size: cover;
   }
      .tarjeta-calendario.tarjeta-concierto {
        /*height: 100px;*/
        flex-direction: column;
      }
     @media only screen and (min-width: 760px) {
       .tarjeta-calendario,
       .tarjeta-calendario.tarjeta-concierto {
         flex-direction: row;
         text-align: left;
       }
     }
     .tarjeta-calendario h4 {
       margin: auto 1.5rem;
     }


   .tarjeta-calendario:nth-of-type(odd) {
     background-color: #c40502;
     color: #fbc20b;
     background-image: url(img-2020/calendar/horizontal_bgs/Calendario_1.jpg);
   }
   .tarjeta-calendario:nth-of-type(even) {
     background-color: #f20f0f;

     color: #fefefe;
     background-image: url(img-2020/calendar/horizontal_bgs/Calendario_7.jpg);
   }

     .tarjeta-calendario p:nth-child(1),
     .tarjeta-calendario.tarjeta-concierto p:nth-child(1) {
         flex: 0 0 auto;
         width: 100%;
     }
       @media only screen and (min-width: 760px) {
         .tarjeta-calendario p:nth-child(1),
         .tarjeta-calendario.tarjeta-concierto p:nth-child(1) {
           width: 20%;
         }
       }
     .tarjeta-calendario h4:nth-child(2),
     .tarjeta-calendario.tarjeta-concierto h4:nth-child(2) {
         flex: 0 0 auto;
         width: 100%;
     }
       @media only screen and (min-width: 760px) {
         .tarjeta-calendario h4:nth-child(2),
         .tarjeta-calendario.tarjeta-concierto h4:nth-child(2) {
           width: 20%;
         }
       }

     .tarjeta-concierto:nth-of-type(odd) {
       background-color: #c40502;

       color: #dbdbdb;
       background-image: url(img-2020/calendar/horizontal_bgs/Calendario_6.jpg);
     }
     .tarjeta-concierto:nth-of-type(even) {
       background-color: #f20f0f;

       color: #fefefe;
       background-image: url(img-2020/calendar/horizontal_bgs/Calendario_10.jpg);
     }
     /*inauguracion*/
     .tarjeta-inaugura:nth-of-type(odd) {
       background-color: #c40502;

       color: #dbdbdb  ;
       background-image: url(img-2020/calendar/horizontal_bgs/Calendario_10.jpg);
     }
     .tarjeta-inaugura:nth-of-type(even) {
       background-color: #f20f0f;

       color: #fefefe;
       background-image: url(img-2020/calendar/horizontal_bgs/Calendario_6.jpg);
     }

   .home.calendar .title-container {
     padding-bottom: 0;
   }

   .tabs {
     margin: 0 auto;
     padding: 0;
     text-align: center;
     z-index: 15;
     display: flex;
     flex-wrap: wrap;
   }
     @media only screen and (min-width: 760px) {
       .tabs {
         position: relative;
         margin: -4rem auto 0;
         width:100%;
         max-width: 100%;
       }
     }
     .tabs .button {
       margin-bottom: 0;
       flex: 1 0 auto;
     }
       .tabs .selected.button {
         background-color: black;
       }
     h6 span {
       font-weight: 200;
     }

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

     /*/util*/
     .black-bg,
     .black-bg .logos-footer {
       background-color: #030303;
     }
     .black-bg.concierto h4,
     .black-bg.concierto h6 {
       color: #fefefe;
     }

     .black-bg.concierto h5 {
       color: #fefefe;
     }

     .black-bg.concierto-final,
      .black-bg.concierto-final .logos-footer {
       background-color: #040b94;
     }

     .black-bg.concierto-2,
      .black-bg.concierto-2 .logos-footer {
       background-color: #670002;
     }

     .convocatoria ul.fa-ul li:before {
       content: "";
       position: absolute;
       left: -1.45rem;
       top: .425rem;
       display: block;
       width: 1.25rem;
       height: .55rem;
       background-color: transparent;;
     }

     .concierto .fa-li {
       left: -3em;
     }


     .time-box ul {
       position: static;;
       list-style: none;
       margin-left: 3em;
       padding-left: 0;
     }

     .tarjeta-calendario .button {
         text-transform: uppercase;
         font-family: 'keep_calm_medregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
         text-transform: uppercase;
         font-weight: 400;
     }