/* Comment */

body {
	background-image: url("pics/background.jpg");
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;

}

nav, main > div {
	background:rgba(212, 69, 0,1);
}

nav {
	display: flex;
	justify-content: center;
}

nav>div, main>div, nav, #prof_circ{
	color: rgba(255,255,255,.9);
	border-style: solid;
}

.mainContent{
	margin: auto;
	padding: 1%;
	text-align: center;
	vertical-align: middle;
}

.mainContent_2{
	margin: 2%;
	display: flex;
	flex-direction: column;
	text-align: left;
}



#work-main > div .bodyRight table{
	text-align: right;
	width: 100%;
}


#school-main > div .mainContent{
	padding-top: 3%;
	margin-top:0;
}

#school-main > div .bodyRight table{
	text-align: left;
	width: 100%;
}

#school-main-Syracuse{
	background:rgba(212, 69, 0,1);
	color: rgba(255,255,255,1);
}

#school-main-UNLV{
	background:rgba(159,161,164,1);
	color: rgba(227,24,55,1);
}

#school-main-Coursera{
	background:rgba(50,160,255,1);
	color: rgba(255,255,255,1);
}


#work-main-Tech{
	background:rgba(50,160,255,.9);
	color: rgba(255,255,255,1);
}

#work-main-Tech p{
	text-indent: 3%;
}

#work-main-Tech .bodyContent li{
	margin-left: 3%;
}


#work-main-CorporateExperience{
	background:rgba(255,0,0,.9);
	color: rgba(255,255,255,1);
}

#work-main-CorporateExperience p{
	text-indent: 3%;
}

#work-main-CorporateExperience .bodyContent li{
	margin-left: 3%;
}

#work-main-SolarCity{
	background:rgba(76,187,23,.9);
	color: rgba(0,0,0,1);
}

#work-main-MDE{
	background:rgba(255,255,255,1);
	color: rgba(0,0,128,1);
}

#work-main-GE{
	background:rgba(59,115,185,1);
	color: rgba(255,255,255,1);
}


#about-eagleScout
{
	background: rgba(255,255,255,.9);
	color:rgba(150,150,150,1);
	justify-content: center;

}

#about-eagleScout h2 {
	text-align: center;
}



nav > div {
	background: rgba(0,0,255,.5);
	width: 100px;
	text-align: center;
	line-height: 150%;
	font-size: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left:1%;
	margin-right:1%;
	padding-left: 5px;
	padding-right: 5px;
}

main {
	/*background-color: red;*/
	display: flex;
	flex-direction: column;

}

main > div {
	width: 99.65%;
	margin-top: 1%;
	margin-bottom: 0;
	display: flex;
	font-size: 125%;
}

header, footer{
	text-align: center;
	line-height: 200%;
	/*background-color: black;*/
}

nav, main, footer, header {
	margin-top: 1%;
	margin-left: 5%;
	margin-bottom: 1%;
	margin-right: 5%;
	padding: 0;
}

nav, main, footer, header {
	border-radius: 20px;
}

main > div, nav > div {
	border-radius: 15px;
}

nav a{
	text-decoration: none;
}

nav a:hover {
	font-weight: bold; 
}

footer a{
	text-decoration: none;
}

footer a:hover {
	font-weight: bold; 
}

#lastMain{
	margin-bottom: 1%;	

}

#lastMain-All p{
	text-align: center;
}

#prof_circ{
	vertical-align: middle;
	border-radius: 50%;
	width:60%;
	min-width: 100px;
	max-width: 150px;
}

#eagleLogo{
	vertical-align: middle;
	border-radius: 50%;
	width: 200px;
}

#hello{
	vertical-align: middle;
	border-radius: 50%;
	width:60%;
	max-width: 150px;
	max-height: 150px;
}

.companyLogo{
	vertical-align: middle;
	border-radius: 50%;
	min-width: 100px;
	max-width: 150px;
}

.schoolLogo{
	vertical-align: middle;
	border-radius: 50%;
	min-width: 150px;
	max-width: 200px;
}

#woohoo{
	vertical-align: middle;
	border-radius: 50%;
	width: 80%;
	max-width: 200px;
}

#forkMe{
	vertical-align: left;
	height:150px;
	width: 150px;
}

#headerText{
	font-size: 200%;
	vertical-align: middle;
}

#headerText, footer a, nav a {
	color: rgba(255,255,255,.9);
}


.contentBodyContainer{
	display: flex;
}

.bodyContent{
	text-align: left;
	display: inline;
}

.bodyRight{
	display: inline;
	margin: auto;
	min-width: 15%;
}

.content_footer{
	text-align: right;
	font-size: 60%;
	display: inline;

}

.about-me-stats{
	font-weight: bold; 
}


/* Landscape phones and down */
@media only screen and (max-width : 812px) { 
    nav {
    	padding-top: 10px;
    	padding-bottom: 10px;
		min-height: 100px;
		display: flex;
		flex-direction: column;
	}
	nav > div {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		line-height: 150%;
		font-size: 100%;
	}
}

@media screen and (max-device-width : 812px) { 
    nav {
    	padding-top: 10px;
    	padding-bottom: 10px;
		min-height: 100px;
		display: flex;
		flex-direction: column;
	}
	nav > div {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		line-height: 150%;
		font-size: 200%;
	}
}