design.css

*{
	margin:0;
	padding:0;
}

body{
	width:100%;
}

.container{
	width:90%;
	margin:0 auto;
}


a{
	text-decoration:none; 
}

h2{
	font-size:1.3rem;
	font-weight:normal;
	text-align:center;
	margin-bottom:1%;
}

/*NAB BAR*/
nav {
	opacity:0.7;
	height:14vh;
}

.flex-wrapper{
	display:flex;
}

.nav-brand{
	width:100%;
	margin-top:2vh;
	display:inline-flex;
}

.nav-brand img{
	width:200%;
	max-width:50vh;
}

.small-nav-right{
	display: inline-flex;
	justify-content: flex-end;
	
}

.small-menu{
	display: inline-flex;
	width:15%;
	line-height:14vh;
}
.small-menu button{
	padding:0;
	width:100%;
	border:none;
	background:none;
	font-size:180%;
}

.nav-email img{
	width:90%;
}

.nav-email button{
	border:none;
	background:none;
}


.nav-email{
	flex:inline-flex;
	width:12%;
	padding:1%;
	margin-top:5%;
	line-height:14vh;
}

.nav-bar{
	width:100%;
}

.nav-item{
	text-align:center;
	padding:1%;
	border-bottom:1px solid #DCDCDC;
	transition:all .5s;
}

.nav-item:hover{
	background-color:#DCDCDC;
}
.nav-item a{
	color:black;
	width:100%;
}

#dropdownList li{
	background-color:white;
	transition:all .5s;
}


#dropdownList li:hover{
	background-color:#DCDCDC;
}


.nav-contact p{
	margin:1%;
	font-size:95%;
}

.nav-small{
	font-size:70%;
}

.phone-number{
	width:100%;
	padding:5px;
	background-color:#DCDCDC;
}





/*NAV BAR*/


/*When its clicked*/
.spreadMenu{
	height:53vh;
}

.displayNone{
	display:none;
}

.displayBlock{
	display:block;
}



@media screen and (min-width: 850px) {
	nav{
		height:10vh;
		position:relative;
		width:100%;
		z-index:100;
		opacity:1;
	}
	.flex-wrapper{
		display:inline-block;
		width:20%;
		float:left;}

  	.nav-brand img{
		width:100%;
	}

	.nav-email{
		width:5%;
		display:inline;
		position:absolute;
		left:90%;
		top:-45%;
	}

	.small-menu{
		display:none;
	}

	.nav-wrapper{
		display:inline-block;
		width:70%;
		margin-top:3vh;
		line-height:6vh;
		float:left;
		z-index:100;
	}

	.nav-item{
		width:17%;
		z-index:100;
	}
	#dropdown1{
		position: relative;
		z-index:100;
	}
	#dropdownList{
		width:100%;
		list-style: none;
		font-size:0.8rem;
		z-index:100;
		position:absolute;
		top:7.5vh;
		left:-1%;
		}

	.nav-item{
		display:inline-block;
		float:left;
	}

	.frequent-requests{
		z-index: 1;
	}

}