.logo{
  width:50px;
  height:45px;
  padding:7% 7%;
}
.heading{
  background-color:
}

.heading h2{
  text-align: center;
  font-family: sans-serif;
  padding: 1% 2%;
}

.title{
  text-align: center;
}

.poster{
  max-width:100%;
  padding: 4% 2%;
}

.data{
  padding: 2% 2%;
  /* border: 2px solid; */
}
.event-img{
  height: 400px;
  width: 1000px;
}

.content{
  font-size: 1.25rem;
}

.nav-item{
  font-size: 1.2rem;
  padding: 0.5% 0.5%;
}

.Drop{
  font-size: 1.2rem;
}

@media (max-width:1028px){
  .logo{
    width: 60px;
    height: 60px;
    padding: 1% 1%;
  }
}