h1{
	color: #0F87A2;
	margin-bottom:40px;
	font-family: 'Roboto';
}

h2,h3, h4{
	color:#0F87A2;
	margin-bottom:0px;
	font-family: 'Roboto';
}
h4{
	color:#0F87A2;
	margin-bottom:10px;
}

body{
	font-family: 'Heebo';
}
.header-wrapper {
	position:relative;
}
.grey-lines-box{
	position: absolute;
    top: 3px;
    height: 34px;
    width: 100%;
	border-top: 1px solid #dcded9;
	border-bottom: 1px solid #dcded9;
}
.h2-padding{
	padding-left: 15px;
}

.jumbotron-orange .h1, .jumbotron-orange h1 {
    color:white;
}

.jumbotron-orange .h2, .jumbotron-orange h2 {
    color:white;
	
}

.jumbotron-orange{
    color:white;
	background-color:#FF9A18;
	display: flex;
	min-height: 300px;
}

.jumbotron-white{
    color:black;
	background-color:white;
	display: flex;
	min-height: 300px;
}

.container-flex{
	display: flex;
	align-items: center;
}

.flex-center{
	display: flex;
	align-items: center;
}
.no-margin.no-margin{
	margin: 0px;
	padding-left: 60px;
}

.margin-bot.margin-bot{
	margin-bottom: 60px;
	padding-bottom: 40px;
	padding-top: 0px;
}
.btn, .btn-primary
{
	margin-top:30px;
	border-radius:18px;
	color: white;
	background: linear-gradient(to bottom,#FF9A18 0,#FF9A18 100%);
	border-color: #FF9A18;
}
.btn-orange.btn-orange{
	color: white;
	background: linear-gradient(to bottom,#FF9A18 0,#FF9A18 100%);
	border-color: #FF9A18;
}
.btn-white.btn-white{
	color: #FF9A18;
	background: linear-gradient(to bottom,white 0,white 100%);
	border-color: white;
}
.text-margin-top{
	margin-top: 40px;
}
.header-top{
	background-color: white;
	color: #fff;
	font-size: 14px;
}
.navbar-header {
    float: left;
    text-align: center;
    width: 100%;

}

.header-top span.glyphicon{
	color: #8694af;
}

.header-top p{
	margin: 0;
	padding-top: 3px;
}
.navbar {
	border:none;
}
.navbar-tiptop{
	background-color: white;
	color: #153781;
	margin-bottom: 0px;
	border-radius: 0px;
	min-height:1px;
	margin-top: 10px;
}
.navbar-toggle .icon-bar {
	background-color: #fff; 
}
.navbar-brand{
	padding-top: 10px;
	float: none;
	
}
.navbar-brand > img {
	display: inline;
	position: relative;
	z-index: 1;
}
.navbar-nav > li{
    background-color:#153781;
}
.navbar-nav{
padding-top:15px;
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow: unset; 
    color: #fff;
    font-size: 14px;
}
.navbar-brand, .navbar-nav > li > a:hover {
	text-decoration:underline;
}

.footer-margin{
	margin-top: 40px;
	margin-bottom: 40px;
}
.btn-primary  a{
	color:#fff;
}
.btn  a{
	color:#fff;
}
.text1 a:hover {
	text-decoration:none;
	color:black;
}
.text1 a {
	color:black;
}
.text2 a:hover {
	text-decoration:none;
	color:black;
}
.text2 a {
	color:black;
}
.text3 a:hover {
	text-decoration:none;
	color:black;
}
.text3 a {
	color:black;
}
.text4 a:hover {
	text-decoration:none;
	color:black;
}
.text4 a {
	color:black;
}
.grey, a:hover {
	text-decoration:none;
	color:black;
}
.grey, a {
	color:black;
}
.blue {
	background-color:#0B83A1;
	color: white;
}
.blue a{
	text-decoration:none;
	color: white;
}
.banner{
	margin-top: 0px;
	margin-bottom: -3px;
}
.padding-top{
	padding-top: 50%;
}
.logo-tip-top{
	margin-bottom: -3px;
}
.pictures{
	margin-right: 10%;
	margin-bottom: 20px;
}
footer .grey{
	padding: 60px 20px;
	background-color: #333;
	color: #fff;
	
}
footer .white{
	padding: 20px;
	color: #333;
}
footer .white a{
	color: #333;
}

.phone{
	float:left;
	margin-right:20px;
	padding: 4px 0;
}
.mail{
	float:left;
	padding: 4px 0;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.navbar-tiptop {
	    height: auto;
	}
	.navbar-brand {
	    padding-top: 4px;
	}
	.mail{
		float:right;
		margin-right:10px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}