body {
	font-size: 16px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	line-height: 1.8;
	color: #000;
}


h2, h3 {
	color: #3e7cec;
}

.jumbotron h2 {
	color: #fff;
}

.jumbotron {
	background-color: #3e7cec;
	color: #fff;
	padding: 100px 25px;
}

.container-fluid {
	padding: 60px 50px;
}

@media only screen and (max-width: 767px) {
	.container-fluid {
		padding: 60px 20px;
	}
}



.bg-grey { 
	background-color: #f6f6f6;
}

.logo { 
	font-size: 200px;
	color: #3e7cec;
}

.logo-small {
	color: #3e7cec;
	font-size: 50px;
}

.navbar {
	margin-bottom: 0;
	background-color: #3e7cec;
	z-index: 9999;
	border: 0;
	font-size: 15px !important;
	line-height: 1.42857143 !important;
	border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle:hover {
	background-color: #3e7cec;
	border: 2px solid #fff;
} 

.navbar li a, .navbar .navbar-brand {
	color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a { 
	color: #3e7cec !important;
	background-color: #fff !important;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}

footer {
	background-color: #3e7cec;
	color: #fff;
}

footer .glyphicon {
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}

#about img {
	border: 10px solid #3e7cec;
}

.skill {
	padding: 15px;
	min-height: 20px;
	background-color: #3e7cec;
	border-radius: 10px;
	margin: 20px;
	color: #fff;
	border: 2px solid #3e7cec;
}

.skill.hover {
	background-color: #fff;
	color: #3e7cec;
}

.skill:first-child {
	margin-top: 0;
}