/*id = # class = .*/

/*---------------------nav/all pages style ---------------------*/

body {
	margin: 0px;
}

html {
	font-family: 'Nunito Sans', sans-serif;
	/*background-color: silver;*/
}

.active.fa {
	font-size: 50px;
	color: #98999b;
}
.active.fa:hover{
	color: black;
	transition: 0.1s;
}

.active.title{
	padding-top: 0px;
	margin-top: 0px;
}

.active.nav-box {
	padding-top: 2vw;
}

.fa:hover {
	color: #98999b;
	transition: 0.1s;
}

.fa {
	position: absolute;
	top: 20%;
	/*transform: translateY(-80%);*/
	right: 0;
	padding-right: 4%;
}

.nav-box * {
	display: none;
}

.active.nav-box * {
	display: block;
}


li {
	list-style: none;
}

/*.nav-box {
	display: block;
	float: right;
	padding-top: 40px;
	background-color: silver;
	max-width: 100%;
	}
	}*/

	/*.nav-box {
		padding-top: 3vw;
		max-width:100%;
		height: 5vw;
	}
*/
	nav {
		font-size: 30px;
		display: block;
		background-color: silver;
		width: 100%;
		position: absolute;
		/*padding-top: 20%*/
    	/*top: 0; right: 0; bottom: 0; left: 0;*/
		/*padding-top: 18vw;*/
	}

	.title {
		font-size: 30px;
		padding-left: 3vw;
		font-weight: 900;
		display: inline-block;
		margin: 0px;
		padding-top: 10px;
		/*padding-top: 5vw;*/
		/*padding-bottom: 2vw;*/
		/*top: -20%;*/
	}

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

	nav li {
		/*padding-top: 30px;*/
		padding-right: 30px; 
		padding-bottom: 15px;
	} 

	.header {
		background-color: #f4c242;
		padding:0px;
		margin: 0px;
		margin-top: 0px;
		display: inline-block;
		position: fixed;
		width: 100%;
		height: 10%;
	}

	.main:after {
		clear: both;
	}

	.main {
		text-align: left;
		padding-top: 0px;
		margin:0px;
		margin-left: 3vw;
		margin-right: 3vw;
		overflow: hidden;
	}

	.body-title {
		font-size: 40px;
		padding-top: 50px;
		margin-bottom: 0px;
	}

	.submit-button {
		color: black;
		font-size: 30px;
		padding:10px;
		background-color: silver;
		margin-top: 50vw;
		/*position: absolute;*/
	}


	/*-----------------------home page-----------------------*/

	.main-question {
		font-size: 60px;
		padding-top: 40px;
	}

	.main-question a {
		color: silver;
	}

	/*-----------------------report page -------------------*/

	.dropdown-input {
		background-color: silver;
		font-size: 3vw;
	}

	.upload {
		height: 100px;
		width: 100%;
		background-color: silver;
		display: inline-block;
		margin-bottom: 50px;

	}

	.upload-text {
		font-size: 25px;
		display: inline;
		height: 100px;
		width: 100%;
		padding-right: 50px;
		/*padding-left: -100px;*/
	}
	/*-----------------------------listings page ---------------------------*/


	.search {
		background-color: silver;
	}

	.search h1 {
		margin-left: 2vw;
	}

	.listings-main {
		padding-top: 100px;
		margin-left: 3vw;
	}

	.gray-square {
		width: 150px;
		height: 150px;
		background-color: silver;
	}

	.listing {
		margin: 3vw;
		display: inline-block;
	}

	.listing a {
		font-size: 20px;
	}

	/*--------------------------------advanced search-------------------------*/

	.search {
		font-size: 25px;
	}

	.search-results {
		/*padding-top: 20vw;*/
	}

	.search-input a {
		margin-top: 5px;
	}

	.dropdown-input-text {
		font-size: 25px;
	}