* {
	margin: 0;
	padding: 0;
	color: white;
	text-align: center;
	font-family: Sans-serif;
}

.header {
	width: 100vw;
	background-color: #333D29;
}

.links {
    
    margin-left: -.25%;
    margin-right: -.25vh;
	padding: 0vh;
	font-size: 3vh;
	text-decoration: none;
	background-color: #333D29;
	color: #B6AD90;
	transition: .5s;
	display: inline-block;
	width: 10vh;
}

.links:hover {
	background-color: #B6AD90;
	color: #333D29;
}

.linkwrap {
	padding-bottom: 0vh;
	background-color: #333D29;
	width: 100%;
}

.floivlogo {
	display: block;
	width: 40vh;
	margin: auto;
}

.body {
	width: 100vw;
	background-color: #B6AD90;
	margin: auto;
}

.invisbody{
    margin: auto;
    width: 75vw;
}

.footer {
	width: 100vw;
	height: 15vh;
	background-color: #333D29;
}

@media screen and (max-height: 700px) {
	
	.links {
		padding: 1vh;
		font-size: 2vh;
	}

	.floivlogo {
		width: 35vh;
	}
	
	
	
}

@media screen and (min-height: 700px) {
	
	.links {
		padding: 1vh;
		font-size: 2.5vh;
	}
	
}



.overallheading{
    font-size: 5vh;
    color: #333D29;
}

.overallpara{
    font-size: 2vh;
    color: #333D29;
}



body::-webkit-scrollbar { width: 0 !important }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }