body {
	margin: 0px;
	padding: 0px;
	background-color: black;
	font-family: "Roboto slab";

}

input, select, option {
	font-family: "Roboto slab";
}

a {
	text-decoration: none;
	color: white;
}

h1, h2, h3, h4{
	color: white;
}

h1{
	font-family: "Kumar One Outline";
	color: var(--vert);
	font-size: 9vw;
	text-align: center;
	overflow: hidden;
	margin:0px;
}

h2 {
	font-size:5vw;
	margin:0px 0px 1vh 0px;
}

header{

	display: flex;
	justify-content: center;
	align-items: center;
	height: 10vh;
	margin:4vh 0px 0px 0px;

}

.vertical-scroll-wrapper{

	padding: 0px 10vw 10vw 10vw;
	width: 80vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	overflow: auto;

}
.vertical-fixed-scroll-wrapper{

	padding: 0px 10vw 10vw 10vw;
	height: 58vh;
	width: 80vw;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	overflow: scroll;

}

.vertical-fixed-wrapper{
	position: fixed;
	padding:10vw;
	width: 80vw;
	height: calc(100vh - 20vw - 14vh);
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.fixed{
	overflow: hidden;
	height: 100vh;
	position: fixed;
}

.footer{
	width: 80vw;
	margin:auto;
	height: 22vh;
}


.footer .option1, .overlay_footer .option1{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 15vh;
	width: 100%;
}

.footer .option2, .overlay_footer .option2{
	display: flex;
	width: 100%;
	height: 10vw;	
	justify-content: center;

}


.separator{
	width: 100%;
	border-bottom: .5vw solid white;
	margin : 1vh 0px;
	height: 0px!important;
}

.slider{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;

}





.inline_form{
	display: flex;
	justify-content: space-between;
	margin : 4vw;
}

.inline_form div {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.inline_form input {
	width: calc(80% - 10vw)!important;
}

.full_width{
	width: 70vw;
}

.overlay{
	position: fixed;
	padding:10vw;
	width: 80vw;
	min-height: calc(100vh - 20vw);
	background-color: rgba(0, 0, 0, .85);
	top:0px;
	z-index: 10000;
}

.overlay>div:first-child{
	padding:5vw;
	width: 70vw;
	position: fixed;
	height: calc(90vh - 10vw);
	background-color: rgb(10,10, 10);
	text-align: center;
	
}

.overlay-content{
	height: calc(90vh - 10vw - 10vw - 5vw);
	overflow: scroll;
}

.overlay ul {
	font-size: 3.5vw;
	text-align: center;
	margin-top: 2vw;
	padding: 0px;
	list-style: none;
}

.overlay li {
	margin: 1vh 0px;
}

.overlay h4, h5{
	font-size: 6vw;
	color: var(--vert);
	margin: 1vh 0px;
}

.overlay  h5{
	font-size: 4vw;
}

.overlay_footer{
	width: 100%;
	margin-top: 5vw;
	height: 10vw;

}