body{
  margin: 0;
  padding: 0;
  background-image: url("../Pictures/background.jpeg");
}
/************Start Of Navbar Styling*****************/
header{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
  background-image: url("../Pictures/background.jpeg");
}
nav{
  margin: 0;
  padding: 0;
  background-color: #333333;
  display: flex;
}
.menu{
      
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  background-color: #333333;
}
.menu .menu-item{
  float: left;
}
.menu .menu-item .button{
  display: block;
  color: white;
  text-align: center;
  padding: 14px 6px;
  text-decoration: none;
}
.menu .menu-item .a{
  display: block;
  color: white;
  text-align: center;
  padding: 14px 6px;
  text-decoration: none;
}
.menu .menu-item .button:hover{
  background-color: black;
}
.menu .menu-item .a:hover{
  background-color: black;
}
.button{
  background-color: #333333;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.a{
  background-color: #333333;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.menu-item {
  position: relative;
}
.dropdown{
  list-style-type: none;
  display: none;
  position: absolute;
  background-color: #333333;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
}
.dropdown li{
  float: left;
  color: white;
  text-align: left;
  text-decoration: none;
  display: block;
}
.dropdown a{
  color: white;
  text-align: left;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {
  background-color: black;
}
.menu-item:hover .dropdown{
  display: block;
  float: left;
}
.menu-item:hover .button{
  background-color: black;
}
/*******************End of Navbar Styling********************/

main{
  margin-top: 0px;
  margin-left: 12.5%;
  margin-right: 12.5%;
  padding-bottom: 20px;
  background-color: white;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*******************Start of Title Styling********************/
@font-face{
  font-family: SmoochSans;
  src: url(../Fonts/SmoochSans.ttf);
}
.pagetitle{
  margin-top: 0;
  text-align: center;
  color: black;
  font-family: SmoochSans;  
}

.feature1{
  display: flex;
}

.title{
  text-align: center;
  color: black;
  font-family: SmoochSans;  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: 5px;
  margin-bottom: 2px;
}

.Logo{
  margin-top: 0;
  display: block;
  height: 100px;
  width: 100px;
}

.featureimg{
  float: right;
  margin-left: 5px;
  width: 100px;
  height: 100px;
}
.featuretxt{
  float: left;
  color: black;
}
/*******************End of Title Styling********************/


/*******************Start of Footer Styling********************/
footer{
  margin: 0;
  background-color: #333333;
  display: flex;
}
.questions{
  margin: 0 auto;
  text-align: center;
  color: white;
}
.Socialmediaimg{
  float: left;
  height: 20%;
  width: 10%;
  margin: 5px;
}
/*******************End of Footer Styling********************/


/*******************Start of Menu Styling********************/


/*            Table Styling           */
#event{
  background-color: black;
  border: 2px solid black;
  margin: 0 auto;
  margin-bottom: 30px;
  font-family: SmoochSans;
}
#event .event-header{
  border: 1px solid black;
  background-color: #0230b0;
}

#event .event-header th{
  border: 1px solid black;
  color: white;
}
#event .event-item{
  border: 1px solid black;
  background-color: #023de0;
}
#event .event-item th{
  border: 1px solid black;
  color: white;
}