@charset "utf-8";
/* CSS Document */
body 
	{
  background-color: black;
}
body 
	{
  background-color: black;
}
div {
	float: right;
	font-family:Arial, "Akura Popo";
	font-size: 27px;
	color: #FF278E;
	padding-top: 15px;
	padding-right:25px;
}

img.logostuff{
    width: 125px; 
    float: left; 
    padding-left:64px;
	padding-top: 3px;
	position: fixed;
}
span
{	font-family:Arial, "Akura Popo";
	font-size: 27px;
	color: #FF278E;
	float: left;
	 padding-left:25px;
	padding-top: 13px;
	position: fixed;
}
body {
  font-family: "Lato", sans-serif;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#000000;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #FF278E;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.footer {
   left: 0;
   bottom: 0;
   width: 100%;
	font-size: 12px;
	padding-bottom: 15px;
   background-color: black;
   color: white;
   text-align: center;
}
#gallery {
   padding-top: 98px;
   line-height:5px;
   -webkit-column-count:5;
   -webkit-column-gap: 5px;
   -moz-column-count:5;
   -moz-column-gap:50px;
   column-count:5;
   column-gap:10px;
}
#gallery img {
   width: 100% !important;
   height: auto !important;
   margin-bottom:10px;
}