html{
	min-height:100vh;
}

.homePanel{
		min-height:50vh;
		background-color:white;
}

.navbar-default{
	color:black;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

#headshot{
	padding-top:1em;
	padding-bottom:1em;
	
}

#WelcomeText{
	text-align:center;
	font-size: 3vmin;
	font-family: 'Quicksand', sans-serif;
}

#containerContent{
	padding:0;
}

#WelcomeContainer{
	color: #58360d;
	background-color: #fdf7f0;
}

.navigationTab{
	color: #33200a;
	font-size: 2.5vmin;
	text-align:center;
	display:inline-block;
	margin-left:2em;
	margin-right:2em;
	cursor: pointer;
}
.navigationTab:hover{
	font-weight:bold;
}

.mobileHeader{
	text-align:center;
	font-size:4vh;
	display:none;
}
#ModuleContainer{
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	overflow-y:auto;
}

#moduleContent{
	text-align:left;
	font-size: 2.3vmin;
}
#skills_content{
	text-align:center;
}

#navigationTab_mobile_container {
    text-align:center;
    padding-top:3.3em;
}

.navigationTab_mobile {
    display: inline-block;
    opacity:0.6;
    padding-left:2vmin;
    padding-right:2vmin;
}

.navigationTab_mobile.navSelected{
	background-color: #9c8e7d;
    border-radius: 0.2em;
}

#contact_content{
	text-align:center;
}
#ContactForm{
	margin: 0 auto;
	margin-bottom:0.5em;
}

#ErrorMessages{
	display:none;
	background-color: #c1e2ff;
    border-radius: 0.3em;
    padding: 1em 0;
}

#SentMessage{
	display:none;
	background-color: #c1e2ff;
    border-radius: 0.3em;
    padding: 1em 0;
}

#sbmtfm{
display:inline;
color:white;
padding-left:0.3em;
padding-right:0.3em;
background-color:#58360d;
border-radius:0.2em;
cursor: pointer;
}
#sbmtfm:hover{
	background-color: #1d1308;
}
.contactContent{
	float: left;
	padding:0.5em
}

#contactName input, #contactEmail input{
	text-align: center;
}

@media(max-width:576px) {
	#WelcomeText{
		font-size:2.5vh;
	}
    #moduleContent{
		font-size:2.8vh;
	}
	
	.mobileHeader{
	display: inherit;
	}
	
	.homePanel{
		min-height:50vh;
		max-height:50vh;
		background-color:white;
		padding-bottom:1em;
}
}