*{
	margin: 0;
}

h1{
	font-family: 'Pacifico', cursive;
	color:  #FCF8EC;
	text-decoration: none;
	font-weight: bold;
	font-size: 48px;
}

h2{
	font-family: 'Montserrat', sans-serif;
	color: #FCF8EC;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: .5px;

}

h3{
	font-family: 'Montserrat', sans-serif;
	color:  #FDE64B;
	text-decoration: none;
	font-weight: 500;
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 5px;
}

p{
	font-family: 'Montserrat', sans-serif;
	color: black;
	text-decoration: none;
	font-size: 16px;
	font-weight: medium;
}

h4{
	font-family: 'Montserrat', sans-serif;
	color:  #FCF8EC;
	font-weight: 600;
	font-size: 18px;
	text-shadow: 2px 2px 4px #000;
	letter-spacing: 1px;
}

h5{
	font-family: 'Montserrat', sans-serif;
	color:  #FCF8EC;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
}

h6{ 
	font-family: 'Montserrat', sans-serif;
	color: black;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

#p1 {
	font-family: 'Montserrat', sans-serif;
	color: black;
	font-weight: 800;
	font-size: 14px;
	letter-spacing: .5px;
}

#p2 {
	font-family: 'Montserrat', sans-serif;
	color: black;
	font-size: 14px;
	letter-spacing: .5px
} 


/* hero */

.clip{
	position: absolute;
	clip-path: polygon(0% 0%, 100% 0, 100% 60%, 50% 80%, 0 60%);
}

#slogan{
	width: 45%;
	height: 20%;
	position: absolute;
	margin-top: 50vh;
	margin-left: -22.5vw;
	left: 50%;
}

#slogan h1, h3{
	text-align: center;
	text-shadow: 4px 4px 8px black;
	}


/* about */
.mega-logo{
	width: 25%;
	position: absolute;
	margin-top: 30vh;
	left: 37.5%;
	animation: roll 5s steps(20) infinite;
}

@keyframes roll {
            from {
                
            }

            to {
                transform: rotate(720deg)
            }
        }



#about{
	float: left;	
	margin-top: 70vh;
}

.about-text{
	left: 30%;
	width: 40%;
	height: 45%;
	background:  #FCF8EC;
	position: absolute;
	margin-top: 85vh;
	padding-top: 3%;
}

.about-text h1 {
	text-align: center;
	color: #0E5FDD;
}

.about-text p {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
}

#cater-btn {
	position: absolute;	
	width: 53%;
	left: 25%;
	top: 90%;
}



/* Schedule */

.clip2{
	width: 100%;
	position: absolute;
	clip-path: polygon(0% 20%, 50% 0, 100% 20%, 100% 100%, 0% 100%);
	z-index: -1;
}


.schedule-text h1{
	color: #0E5FDD;
	text-align: center;
	position: absolute;
	left: 35%;
	z-index: 3;
	background: #FCF8EC;
	left-padding: 20px;
	right-padding: 20px;
	width: 30%;
}


#schedule{
	position: absolute;
	margin-top: 225vh;
	width: 100%;
}

#container{
	width: 80%;
	height: 95vh;
	background:  #FCF8EC;
	position: absolute;
	top: 62vh;
	left: 10%;
	box-shadow: 4px 4px 10px grey;
}

.fotorama {
	width: 95%;
	left: 2.5%;
	top: 5%;
	position: absolute;
}

.prev {
	position: absolute;
	width: 10%;
	top: 40%;
	left: 5%;
}

.next {
	position: absolute;
	width: 10%;
	top: 40%;
	left: 85%;
}



/* Social */

#social {
	position: absolute;
	width: 70%;
	height: 49%;
	top: 400vh;
	left: 15%;
}

.follow h6{
	padding-left: 10%;
	padding-top: 35%;
	height: 25%;
	float: left;
}

figure.social-icons{
	float: left;
	margin-top: 40%;
	margin-left: 10%;

}

.blurb {
	width: 28%;
	height: 100%;
	background: yellow;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	z-index: 2;
	position: absolute;
}


.insta-blk{
	height: 100%;
	float: left;
	padding: 10px;
}

.facebook-blk{
	height: 100%;
	float: left;
	padding: 10px;

}

.twitter-blk{
	height: 100%;
	float: left;
	padding: 10px;

}


.social-images {
	width: 75%;
	height: 100%;
	background: white;
	float: right;
	z-index: 1;
}


.col-1{
	width: 25%;
	height: 100%;
	float: left;
}


.s-image1{
	width: 90%;
	margin: 5%;
}

.s-image2{
	width: 90%;
	margin-top: 0%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
}

.col-2{
	width: 50%;
	height: 100%;
	float: left;
}

.s-image3 {
	width: 95%;
	margin: 2.5%;
}

.col-3{
	width: 25%;
	height: 100%;
	float: right;
}


.s-image4{
	width: 90%;
	margin: 5%;
}

.s-image5{
	width: 90%;
	margin-top: 0%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
}

/* Contact Form */

#contact {
	top: 475vh;
	position: absolute;
	width: 100%;
	height: 52%;
	background: url("../img/3329.jpg");
	text-align: center;
	font-weight: 700;
}

input {
		padding: 0.5vh;
		color: black;
		font-weight: medium;
		border: 3px solid #0E5FDD;
		background-color: #FCF8EC;
		height: 3vh;
		width: 30vh;

	}

		input:hover {
			border: 3px solid #FDE64B;
			background-color: #FCF8EC;
		}

		input:focus { 
	    	background-color: #FCF8EC;
	    	color: black;
	    	font-size: 120%;
		}

#contact ul{
	margin: 0;
	padding: 20px;
	list-style: none;
}

#contact li{
	padding: 10px;
	position: relative;
		display: inline-block;
}


#submit-form {
	width: 10%;
	left: 45%;
	position: absolute;
}

#contact h3{
	padding-top: 4%;
}