#Events {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px;
  display: flex;
  max-width: 1250px;
  text-align: left;
}
img {
  border-radius: 20%;
  border: 2px solid black;
  max-width: 100%;
  height: auto;
}
h2 {
  margin: 2px;
}
#Events p {}
.event {
  margin: 10px;
  width: 100%;
}
.search-input {

  width: 130px;
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
.search-input:focus {
  width: 200px;
}
/* Useful when the screen is small, or when its on a phone*/
@media screen and (max-width: 1200px) {
  #Events {
    flex-direction: column;
  }
}