html, body {
	height: 100%;
}

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

h1, h2, h3 {
	font-family: Oswald, 'Oswald', 'Roboto', Arial, sans-serif;
	font-weight: normal;
}

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

.navbar-scroll a {
	color: #EEE !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-scroll .navbar-toggle {
	background: rgba(100, 100, 100, 0.7);
	border-radius: 0px;
	border: none;
	color: #EEE;
}

.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 {
	color: #40c7a3;
}

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;
}

a .fa-instagram {
	color: #bc2a8d;
}

a:hover .fa-instagram {
	color: #cd486b;
}

.header-social {
	position: absolute;
}

.header-social .container {
	text-align: right;
	font-size: 22px;
	padding-top: 10px;
	color: #40c7a3;
	font-family: Oswald, 'Oswald', 'Roboto', Arial, sans-serif;
}

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

.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-links {
	margin-top: 0px;
}

.header-links h2 {
	display: inline-block;
	font-weight: 300;
	text-transform: uppercase;
	color: #40c7a3;
}

.header-main h1 {
	color: #40c7a3;
}

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

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

.header-links img {
	border: #226f9e solid 5px;
	box-shadow: 0px 0px 10px 0px rgba(8, 8, 8, 0.5);
}

.header-titles {
	text-align:left;
	display:inline-block;
	vertical-align: middle;
	margin-left: 10px;
	text-shadow: 0px 0px 10px rgba(8, 8, 8, 0.5);
}

.votd {
	text-align: center;
	background: #40c7a3;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 0px 0px 20px 0px rgba(8, 8, 8, 0.5);
	position: relative;
	z-index: 20;
}

a#votd-verse {
	color: rgb(196, 248, 234);
}

section {
	min-height: 350px;
}

#about {
	background:#EEE;
	background: url(../img/i275.png) no-repeat center center fixed;
	background-size: cover;
	padding-top: 400px;
}

.about-profile {
	width: 150px;
	height: 150px;
	position: absolute;
	top: -75px;
	left: -moz-calc(50% - 75px);
	left: -webkit-calc(50% - 75px);
	left: -o-calc(50% - 75px);
	left: calc(50% - 75px);
	border: #48256a solid 5px;
	box-shadow: 0px 0px 10px 0px rgba(8, 8, 8, 0.5);
}

.aboutbody {
	padding: 30px;
	padding-bottom: 50px;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(64, 199, 163, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(8, 8, 8, 0.5);
	color: #48256a;
	position: relative;
	z-index: 10;
}

.aboutbody h1 {
	font-weight: 300;
	margin-bottom: 15px;
	margin-top: 60px;
}

#resumefile {
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
	z-index: 10;
	box-shadow: 0px 0px 20px 0px rgba(8, 8, 8, 0.5);
	background: #dfdfdf;
	text-align: center;
}

#resumefile h1 {
	margin-bottom: 20px;
	font-weight: 300;
}

#resume {
	background: url('../img/robotics.jpg') no-repeat center center fixed;
	background-size: cover !important;
	color: #000;
	padding-top: 60px;
}

.resumeNav, .resumebody {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 20px 0px rgba(8, 8, 8, 0.5);
	margin-bottom: 40px;
}

.res-body { padding: 15px; }

.resumeNav h1 {
	font-weight: 300;
}

.resumeNav h2 {
	font-weight: 300;
}

.resumeNav h3 {
	font-weight: 300;
}

.resumebody h2 {
	font-weight: 400;
	margin-bottom: 0;
}

.resumebody h3 {
	font-weight: 400;
	margin-top: 0;
}

.resumebody h4 {
	font-weight: 400;
}

.resumebody p {
	font-weight: 300;
}

.resumebody hr {
	border-color: #40c7a3;
}

.resumebody img {
	width: 100%;
}

.resumebody .btn {
	padding: 8px;
}

.resumeNav {
	padding: 15px;
	max-width: 350px;
}

.notfirst {
	margin-top: 160px;
}

.resumebody header { width: 100%; height: 200px; padding: 15px; color: #40c7a3; display: table; }
.resumebody .header-content { display: table-cell; vertical-align: bottom; }
.resumebody header small { color: #c89ef0; }

.label-skill {
	font-size: 12px;
	color: #444;
	border: #777 solid 2px;
	display: inline-block;
	margin-bottom: 5px;
	padding: 7px;
}

.resbg {
	width: 100%;
	position: absolute;
}

.resbg0 {
	background: url('../img/nlcc-tempmodalbg.jpg') no-repeat center center fixed;
	background-size: cover !important;
	width: 100%;
	position: absolute;
}
.resbg1 {
	background: url('../img/datecrawl_featureGraphic.png') no-repeat center center fixed;
	background-size: cover !important;
	width: 100%;
	position: absolute;
}
.resbg2 {
	background: url('../img/bg-res3.png') no-repeat center center fixed;
	background-size: cover !important;
	width: 100%;
	position: absolute;
}
.resbg3 {
	background: url('../img/datecrawl_featureGraphic.png') no-repeat center center fixed;
	background-size: cover !important;
	width: 100%;
	position: absolute;
}
.resbg4 {
	background: url('../img/bg-res3.png') no-repeat center center fixed;
	background-size: cover !important;
	width: 100%;
	position: absolute;
}

footer {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	z-index: 12;
	background: #FFF;
	box-shadow: none;
}

footer h3 {
	font-weight: 200;
}