*{
margin: 0;
padding: 0;
}
body {
font-family: "Lato", sans-serif;
background-color: #f2f2f2;
}
.sidenav {
height: 100%;
position: fixed;
z-index: 1;
top: 0;
left: -100%;
background-color: white;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
width: 300px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 16px;
color: gray;
display: block;
transition: 0.3s;
border-bottom: 1px solid #d9dbde;
}
.menu{
border-bottom: 0!important;
}
.sidenav a:hover {
color: #0575E6;
color: -webkit-linear-gradient(to right, #021B79, #0575E6);
color: linear-gradient(to right, #021B79, #0575E6);
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.nav-bar{
width: 100%;
height: 50px;
background: #0575E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.nav-item{
display: flex;
justify-content: start;
align-items: center;
}
.nav-item img{
height: 50px;
width: 50px;
margin-left: -10px;
}
.login {
font-size: 25px;
color: white;
margin-left: auto;
margin-right: 10px;
}
.category{
font-size:20px;
cursor:pointer;
color: white;
padding: 11px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

.event-pic{
border: 2px solid gray;
border-radius: 5px;
display: block;
margin: auto;
margin-bottom: 10px;
height: 100%;
width: 100%;
}

.main{
  margin-bottom: 150px;
}
.container{
  margin-top: 20px;
}
.book-button button{
  display: block;
  margin: auto;
  font-weight: bold;
  font-weight: 18px;

}
.gallery{
  padding: 5px;
  border-radius: 10px;
  border: 1px solid grey;
}
.event-heading{
  margin-top: 80px;
}
.event-heading h2{
text-align: center;
margin-top: 20px;
font-size: 40px;
color: #c21500;
}

.zoom {
  transition: transform .2s;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}