@media only screen and (max-height: 800px) {
	
	p {
		line-height: 23px !important;
	}
	
}

@media only screen and (max-height: 700px) {
	
	p {
		line-height: 21px !important;
		font-size: 0.9em !important;
	}
	
}

@media only screen and (max-height: 600px) {
	
	p {
		line-height: 18px !important;
		font-size: 0.7em !important;
	}
	
}


@media only screen and (max-height: 700px) {
	
	#nav li, #second-nav li {
		vertical-align: middle;
		margin: 4% 0%;
	}
	
}

@media only screen and (max-height: 600px) {
	
	#nav li, #second-nav li {
		vertical-align: middle;
		margin: 3% 0%;
	}
	
}

@media only screen and (max-height: 570px) {
	
	#nav li, #second-nav li {
		vertical-align: middle;
		margin: 2% 0%;
	}
	
	#nav a, #second-nav a {
		color: #005976;
		font-size: 12px;
		text-transform: uppercase;
	}
	
	#second-nav a {
		font-size: 10px;
	}
	
}

@media only screen and (max-height: 545px) {
	
	#nav li, #second-nav li {
		vertical-align: middle;
		margin: 1% 0%;
	}
	
	#nav a, #second-nav a {
		color: #005976;
		font-size: 10px;
		text-transform: uppercase;
	}
	
	#second-nav a {
		font-size: 8px;
	}
	
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { 
	
	
}