body{
	font-family: Segoe UI;
	color: white;
	font-weight: lighter;
}
.navbar-custom{
	overflow: auto;
	position: fixed;
	width: 100%;
	background-color: #496886;
	opacity: 0.95;
	border-radius: 0px;
	font-size: 18px;
	font-family: Segoe UI;
	font-weight: lighter;
	-webkit-box-shadow: 0px 8px 21px -7px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 8px 21px -7px rgba(0,0,0,0.6);
	box-shadow: 0px 8px 21px -7px rgba(0,0,0,0.6);
	z-index: 1;s
}
.navbar-custom .navbar-brand{
	color: white;
	font-size: 20px;
	font-weight: bolder;
	font-style: italic;
}
.navbar-custom .navbar-nav a{
	padding-left: 20px;
	color: white;
}
.navbar-custom .navbar-nav a:hover{
	background-color: #3c556d;
}
.navbar-custom .navbar-nav{
	padding-left: 20px;
	color: white;
}
.navbar-custom .btn-group{
    padding-top: 8px;
}
.navbar-custom .btn-group .btn{
	border-radius: 0px;
	background-color: #2c3e50;
}
.navbar-custom .btn-group .btn-custom:first-child{
	border-right: 2px solid #465866;
}
.navbar-custom .btn-group .btn-custom{
	background-color: #2c3e50;
}
.navbar-custom .btn-group .btn-custom .glyphicon{
	padding-right: 3px;
}
.navbar-custom .btn-group .btn-custom a:hover{
	background-color: #3c556d;
}
.bg-image{
   background-image: url("../img/bg-image.jpg");
   background-size: cover;
   height: 700px;
   width: 100%;
   padding-top: 250px;
   position: relative;
   top: 50px;
 }
 .hero-area .frame{
 	z-index: 1;
 	width: 100%;
 	height: auto;
 	padding-top: 15px;
    background-color: #496886;
	opacity: 0.95;
    padding: 40px 0;
}
 .hero-area .frame{
 	text-align: center;
 }
 .hero-area .frame p{
 	font-weight: lighter;
 }
 .hero-area .frame h3{
 	font-weight: 400;
 }
 .hero-area .frame .btn{
 	width: 120px;
 	font-size: 18px;
 	font-weight: lighter;	
 }
section#content{
  padding-top: 10%;
  background-color: #e1e1e1;
  color: #2c3e50;
  height: auto;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
} 
section#content h4{
	font-weight: bold;
}
section#footer-content .frame{
 	z-index: 1;
 	width: 100%;
 	height: auto;
 	padding-top: 15px;
    background-color: #3b4f63;
    padding: 40px 0;
    text-align: center;
}
section#footer-content .frame{
 	text-align: center;
 }
section#footer-content .frame p{
 	font-weight: lighter;
 }
section#footer-content .frame h3{
 	font-weight: 400;
 }
section#footer-content .frame .btn{
 	width: 120px;
 	font-size: 18px;
 	font-weight: lighter;	
 }
section#footer-links{
	height: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	color: #3b4f63;
	border-bottom: 2px solid  #3b4f63;
}
footer{
	color: #3b4f63;
	padding: 10px;
	text-align: center;
}

@media screen and (max-width: 600px){
	section#content{
	   padding-top: 25%;
	} 
}