html, body {
    height: 100%;
}

body {
	font-family: 'Roboto', Ariel, sans-serif;
}

.navbar {
	min-height: 90px;
	padding-top: 25px;
	background: none;
	border: none;
}

.navbar-scroll a {
	color: #FFF !important;
}

.navbar-scroll a:hover {
	color: #AAA !important;
}

.navbar-scroll .active a {
	background: rgba(100, 100, 100, 0.7) !important;
}
.navbar-scroll .active a:hover {
	background: rgba(80, 80, 80, 0.7) !important;
}

.navbar-scroll .dropdown-menu a {
	color: #333 !important;
}

.navbar:not(.navbar-scroll) {
	box-shadow: 0px 0px 8px 0px rgba(8, 8, 8, 0.8);
}

.navbar-brand {
	font-size: 27px;
}

.navbar-brand img {
	height: 32px;
	display: inline;
	position: relative;
	top: -3px;
}
/*
a .fa-twitter {
	color: #00b6f1;
}

a:hover .fa-twitter {
	color: #2290bf;
}

a .fa-envelope-o {
	color: #666;
}

a:hover .fa-envelope-o {
	color: #444;
}

a .fa-facebook {
	color: #3b5998;
}

a:hover .fa-facebook {
	color: #6d84b4;
}

a .fa-google-plus {
	color: #df4a32;
}

a:hover .fa-google-plus {
	color: #cd3b28;
}

a .fa-linkedin {
	color: #007bb6;
}

a:hover .fa-linkedin {
	color: #006699;
}

a .fa-github {
	color: #000000;
}

a:hover .fa-github {
	color: #222222;
}

a .fa-youtube-play {
	color: #b31217;
}

a:hover .fa-youtube-play {
	color: #e52d27;
}*/

.header-main {
	text-align: center;
	width: 100%;
	height:100%;
	background: url(../img/oceanbg.png) no-repeat bottom center fixed;
	background-size: cover;
	color: #FFF;
}

.header-main .container {
	display: table;
	height:100%;
}

.header-content {
	display: table-cell;
	vertical-align: middle;
}

.header-main h1 {
	font-size: 50px;
}

.header-main h2, h1 {
	margin: 0px;
}

.header-main small {
	color: #ddd;
}

.header-logo {
	width: 75%;
	max-width: 600px;
}

.header-links {
	width: 100%;
	text-align: center;
	position: absolute;
	top: -moz-calc(100% - 80px);
	top: -webkit-calc(100% - 80px);
	top: -o-calc(100% - 80px);
	top: calc(100% - 80px);
}

.header-links h3 {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.header-links a {
	color: #FFF;
	text-decoration: none;
}

.header-links a:hover {
	color: #AAA;
}

.votd {
	text-align: center;
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

section {
	display: none;
}

#about {
	background:#EEE;
}

.aboutbody {
	padding-top: 70px;
	padding-left: 20px;
	background: url(../img/aboutbg.jpg) no-repeat center center fixed;
	background-size: cover;
	height: 100%;
	min-height: 350px;
}

.aboutbody p {
	margin-top: 10px;
	width: 82%;
}

.aboutpic {
	background: url(../img/about.jpg) no-repeat center center;
	background-size: cover;
	height: 100%;
	min-height: 350px;
}

#projects .row {
	margin-top: 10px;
}

.projlist {
	padding-top: 38px;
}

.projdetail {
	padding-top: 30px;
}

#resume {
	background: url('../img/res1.jpg') no-repeat center center;
	background-size: cover !important;
	color: #fff;
}

#resume small {
	color: #aaa;
}