h1, h2, h3, h4 {
margin: 0;
}
h1 {
     font-size: 70px;
}
h2 {
     font-size: 50px;
}
h3 {
     font-size: 40px;
     text-decoration: underline;
     text-decoration-color: #e22267;
}
h4 {
     font-size: 30px;
}
p {
     font-size: 25px;
}


a,
a:visited,
a:hover,
a:active,
a:focus {
  all: unset;        /* removes all styles */
  display: inline;   /* restore inline behavior */
  cursor: pointer;   /* keep clickable cursor */
}


body { 
margin:0;
background-color: black;
color: white;
text-align: center;



  font-family: "Lexend Giga", sans-serif;
  

}
.address-row {
	flex-direction: column !important;
	align-items: center;
	justify-content: center;
 	background-image: url("bar-darker.jpg");
	background-position: center;
	background-size: cover;
}
.address-row p {
	margin: 0;
}


     .inline-block {
	 display: inline-block;
	}


     header {
	height: 100vh;
	background-image: url("neon.jpg");
	background-size: cover;
	background-position: center;

	
	}

.logoTop {
	background-color: black;
	padding: 20px 0;
position: fixed;
width: 100%;
z-index: 11;

box-shadow: -2px 36px 66px 14px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 36px 66px 14px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 36px 66px 14px rgba(0,0,0,0.75);
}
.logoTop h2 {
 font-size: 20px;
transition: width 200ms ease;
}

.logo {
 width: 60%;
padding-bottom: 10px;

transition: width 200ms ease;
}

.logoScrolled {
width: 20%; 
padding:0;
}

.headerCaptionScrolled {
	font-size: 15px !important;
}

@media(min-width: 768px) {

.logo {
 width: 750px;
padding: 0;
}
.logoTop {
padding: 20px;
}

.logoTop h2 {
 font-size: 30px;
}


.logoScrolled {
width: 300px; 
padding:0;
}

}

.logoRound {
display: inline;
}
.logoFlat {
display: none;
}


@media(min-width: 768px) {
.logoRound {
display: none;
}
.logoFlat {
display: inline;
}
}

.remove-height { height: inherit !important; }

	.banner {
	padding: 50px;
	}
  
 
.row {
flex-direction: column; 
  height: 750px;
  display: flex; 
}


@media(min-width: 768px) {
.row {

flex-direction: row ;
       /* lay boxes side-by-side */
}
}
.box {
  flex: 1;               /* two equal columns */
  
  background-size: cover;
  background-position: center;
  flex-direction: column;
  /* center content inside the box */
  display: flex;
  align-items: center;      /* vertical center */
  justify-content: center;  /* horizontal center */
  text-align: center;

padding: 20px;
}


     .musicImg {
	background-image: url("lsd-licious.jpg");
	}
     .quizImg {
	background-image: url("quiz.jpg");
}
	.lcImg {
	 background-image: url("lcImg.jpg");
	}
	.socialIcon {
	width: 50px;
	padding: 20px;
}

.menu {

position: absolute;
  bottom: 20px;        /* distance from bottom */
  left: 50%;
  transform: translateX(-50%);
  /* text-align: bottom; <-- remove this (invalid) */
}

.mainEventRow video {

z-index: 0;
}



.mainEventRow .mainEventTitle {
Z-INDEX: 10;
COLOR: WHITE;
position: absolute;
 
left: 50%;

  transform: translate(-50%, 0);

}



.mainEventRow .mainEventTitle h2 {

	font-size: 30px;

}
.mainEventRow .mainEventTitle h3 {

	font-size: 15px;

}


@media(min-width: 768px) {
.mainEventRow .mainEventTitle {
	  transform: translate(-50%, 50%);
}

.mainEventRow .mainEventTitle h2 {

	font-size: 50px;

}

.mainEventRow .mainEventTitle h3 {

	font-size: 40px;

}


}





.mainEventTitle h3 {

 text-decoration: none !important;
}

.cocktailsRow {
display: block !important;
text-align: left;
padding: 50px;
height: inherit !important;
}

@media(min-width: 768px) {
 .cocktailsRow {
   padding: 100px;
}
}


.cocktailPic {
width: 200px;
vertical-align: middle;
}


.cockHead {
text-align: center;
 width: 100%;
}

.cock {
 border-bottom: 2px solid white;
 margin: 25px 0;
}