.events {
  width: 100%;
  padding: 20px;
  position: relative;
  min-height: 460px !important;
  background-position: center center;
  background-size: cover;}

  .events svg {
    position: absolute;
    top: 0px;
    left: 60px;
    z-index: 1;
    width: 70%;
    max-width: 240px;}  

  .events h4 {
      font-size: 24px;
      color: #FFF;
      font-weight: 600;
      z-index: 2;
      position: relative;}
      
  .events .data ul li {
      position: relative;
      list-style: none;
      font-size: 14px;
      color: #FFF;
      font-weight: 600;
      z-index: 3;
      position: relative;}
      .data ul li.fecha:before {
          content: "";
          background: url(/wp-content/uploads/2022/04/fecha.png);
          position: absolute;
          top: 3px;
          left: -28px;
          width: 19px;
          height: 20px;
          background-size: contain;}
      .data ul li.hora:before {
          content: "";
          background: url(/wp-content/uploads/2022/04/hora.png);
          position: absolute;
          top: 3px;
          left: -28px;
          width: 19px;
          height: 20px;
          background-size: contain;}
          
  .events a {
      color: #FFF;
      font-size: 18px;
      font-weight: 600;
      position: absolute;
      bottom: 30px;
      z-index: 4;}
      .events a:before {
          width: 100%;
          position: absolute;
          height: 5px;
          background: #FFF;
          bottom: -3px;
          left: 0px;
          content: "";}

          @media only screen and (max-width: 1035px) {
                  
            .events h4 {
              font-size: 26px;}
            .events a {
              font-size: 16px;}
                            
          }  
          
          
          @media only screen and (max-width: 795px) {
                             
            .events h4 {
              font-size: 20px;}
              .events a.botonImagen{
              bottom: 60px !important;}
            .events {
              min-height: 380px !important;}
                             
          }      
          
          @media only screen and (max-width: 780px) {
          
            .events a.botonImagen{
            bottom: 80px !important;}
          
            .events .data .entry-content ul {
              padding-left: 25px;}
          }
          
          
          @media only screen and (max-width: 601px) {
          
            .events h4 {
              font-size: 17px;
              margin-top: 0px;}
          
            .events .data ul li {
              font-size: 12px;}
          }
          
          
          
          @media only screen and (max-width: 600px) {
            .events>svg {
              left: auto;
              transform: translateX(0%);
              right: 5%;
              width: 25%; 
              min-width: 120px;}
          
          .events h4 {
            font-size: 27px;
            margin-top: auto;}
          
          .events .data ul li {
            font-size: 14px;}
          
            .events a.botonImagen {
            bottom: 20px !important;}
          
          .events {
            min-height: 300px !important;}
          
          }