* { 
	font: 3vh Arial, sans-serif; 
	background-color: #f0f0f0;
	color: #455059; /* slate gray */
	background-image: url("images/letterBG.png");
}

body {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	margin: 13vh;
}

main {  
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 5%;
}


header, footer { 
	padding-left: 8%; 
	padding-right: 8%; 
} 

header, h1, h2, h3, strong, footer { 
	font-family: Times New Roman, serif; 
}

ul { 
	list-style-type: none;
	display: flex;
  	flex-wrap: wrap; 
}
		
a { color: #455059; text-decoration: none; }

nav a:visited { color: #990000; }

nav a:focus { color: #990000; }
	
nav a:hover { text-decoration: underline; } 

nav a:active { color: #990000; }



h1 { 
	font: italic 6vw Times New Roman, serif; 
	text-align: center;
}
 
h2 { font: italic 5vw Times New Roman, serif; 
	text-align: center;
}

h3 { font: bold 4.5vw Times New Roman, serif; }

h4 { font: bold 2.5vw Arial, sans-serif; }

article { 
	padding: 13vh;
	display: flex;
	align-items: flex-start;
	padding-top: 0;
}

header, nav, ul, li, figure, figcaption, main, article, p, footer, #main_menu, h2, hero { 
	background-image: none; 
	background-color: rgba(240,240,240,0.5);
}

.site-header {
	position: relative;
	padding-top: 60px;
}

.btn {
	position: fixed;
 	top: .25vw;
 	left: 5vw;
 	width: 100%;
 	background-color: #f0f0f0; 
 	padding: 10px 0;
 	z-index: 9999; 
	opacity: 0.75;
} 
		
a.logo-link { background: none; }

.site-logo { width: 50px; }

hero, main, footer, header.site-header, figure, #advisor, figure img {
	box-shadow: 
   		0 4px 8px rgba(0, 0, 0, 0.4), 
		0 12px 24px rgba(0, 0, 0, 0.2);
}

section, article ul, figure { box-shadow: none; }
		
hero { 
	margin-top: 4vh;
	margin-bottom: 4vh;
}

hero img {
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

header { 
	margin-top: 5%;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
}
		
header ul {
	display: flex;
  	flex-wrap: wrap;
 	justify-content: center;
  	align-items: center;
  	gap: 25px;
}

header img {
  	height: 50px; 
  	display: block;
}


	@media (max-width: 767x) {
  	footer ul, header ul {
    		flex-direction: column; 
    		text-align: center;
 	 }
  	.copyright {
   		 margin-left: 0; 
   		 margin-top: 10px;
  	}
	}


	@media screen and (max-width: 480px) {
	#main_nav {
		height: 176px;
	}
	#main_menu {
		width: 100%;
		height: 176px;
	}	
	#main_menu a {
		width: 100%;
		float: none;
	}
	}

	@media (max-width: 767x) {
 	 article {
    		flex-direction: column; 
		gap: 3vh;	
	}
  	article p {
    		width: 100%; 
   		margin: 0;   
	}
	}	
	
footer { 
	margin-top: 5%;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	box-shadow: none;
}
		
footer ul {
	display: flex;
  	flex-wrap: wrap;
 	justify-content: center;
  	align-items: center;
  	gap: 25px;
}

footer img {
  	height: 50px; 
  	display: block;
}

	@media (max-width: 767x) {
  	footer ul {
   		flex-direction: column; 
    		text-align: center;
  	}
  	.copyright {
    		margin-left: 0; 
    		margin-top: 10px;
  	}
	}

footer p { 
	text-align: center; 
	text-transform: none;
	width: 100%
}

body {
	background-image: url("images/iPointBuilding.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	margin: 0;
	height: 50%;
}