.left{
  border-right: 1.5px solid black;
  text-align:left;
}

.eventStatus{
 font-size: 2.5vw;
 color:black;
 margin-left:40%;
 margin-right:10%;
 margin-top: 1%;
 padding: 1vw;
 font-weight: bold;
 font-family: acumin-pro, sans-serif;
 font-weight: 400;
 font-style: italic;

}

.eventGrid{
  margin-top:8vh;
  display:grid;
  grid-template-columns: 1fr 0.75fr;
  /* grid-template-rows: 1fr 1fr; */
  padding-right:3vw;
}


.eventGrid div {
  padding-left:2vw;
  padding-right:2vw;

}

.eventDate{
  color:rgb(180, 46, 46);
  font-size: 25vw;
  display: inline-block;
  line-height: 20.5vw;

}

.eventImage{
  display:flex;
  justify-content: flex-end;
}

.eventImage img {
  height: 30vh;
}

.eventImageText p{
  font-size: 14px;
  text-align: right;
  padding-left:25%;
  margin:0px;
}


.eventTitle{
    font-size:3vw;
}



.eventText{
  margin-top: 10vh;
  padding-right:33%;
  padding-left:2vw;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16.6pt;
}



@media (max-width:900px) {

  .eventGrid{
    grid-template-columns: 1fr;
  }

  .eventStatus{
   margin-left:0%;
   margin-right:0%;
   font-size: 16.5pt;
  }

  .eventDate{
    color:rgb(180, 46, 46);
    font-size: 70vw;
    display: inline;
    line-height:normal;
    grid-row: 1 / 1;
  }

  .eventImage{
    display:block;
  }

  .eventTitle{
      font-size:10vw;
      grid-row: 2 / 2;
      margin-bottom: 5vh;

  }

  .eventImage img {
    height: auto;
    width:100%;
  }

  .eventImageText p{
    text-align: left;
    padding-left:0%;
  }

  .eventText{
    padding-right:0%;
    margin-top: 0vh;

  }

  .left{
    border-right: none;
  }

  .context{
    padding-right:15%;
  }

  .left h2{
    text-align: left;
  }


}