* {
	
}

@font-face {
  font-family: 'Din-light';
  src: url('../fonts/Din-light.eot');
  src: local('?'), url('../fonts/Din-light.woff') format('woff'), url('../fonts/Din-light.ttf') format('truetype'), url('../fonts/Din-light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Din-regular';
  src: url('../fonts/DINRegular.eot');
  src: local('?'), url('../fonts/DINRegular.woff') format('woff'), url('../fonts/DINRegular.ttf') format('truetype'), url('../fonts/DINRegular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  font-family: Din-light;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 101%;
}

body{
    font-family: Din-light;
}

h1{
  font-size: 28px;
}

h2{
  font-size: 24px;
}

h3{
  font-size: 18px;
}

.navbar-default{
  background-color: #009DE0;
  border-bottom: 0px;
}

.menu-logo{
  width: 190px;
  position: fixed;
  top: 13px;
  left: 15px;
}

@media only all and (max-width: 768px){
  .menu-logo{
    display: none !important;
  }
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
  font-size: 18px;
}

@media only all and (min-width: 1200px){

.content-container {
    width: 60%;
}
}

@media (min-width: 1250px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 95px;
}
}

@media (min-width: 768px) and (max-width: 1250px) {
  .navbar-nav{
      float: right;
  }
}

@media (min-width: 1090px) and (max-width: 1198px) {
.menu-container{  
  padding-right: 0px;
  margin-right: 40px;
}
}

@media (min-width: 992px) and (max-width: 1090px) {
.menu-container{  
  
}
}

@media (min-width: 768px) and (max-width: 1058px) {
.menu-container{  
  padding-right: 0px;
  margin-right: 40px;
}
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
  background-color: #DEF5FF;
  color: #000;
}

@media (min-width: 768px) {
  .navbar-nav>li>a {
      padding-top: 28px;
      padding-bottom: 22px;
  }
}

ul{
  margin: 0;
padding: 0;
list-style-type: none;
}

section p{
	text-align: justify;
}

.section-img{
	max-width: 90%; 	
	margin-top: 15px;
}


	ul.services{
		font-style: italic;	
		font-size: 13px;
	}

	ul.services li{
		margin-bottom: 6px;
	}

	.mobile-menu-info{
		display: inline;
	}
	
	.mobile-menu-info h1{
		float: left;
		color: #fff;
margin-top: 0px;		
display: none;
	}
	
	.trust-logo{
			max-width: 65%;
			margin-top: 30px;
	}	
	
	.mobile-logo{
		float: left;
		height: 48px;
		margin-top: -15px;
		margin-left: -25px;
	}
	
@media (min-width: 768px) {
	ul.services{
		font-style: italic;	
		font-size: 15px;
	}

	ul.services li{
		margin-bottom: 10px;
	}	
	
	.section-img{	
		margin-top: 30px;
		max-width: 80%;
	}

	.trust-logo{
			max-width: 280px;			
	}
}

@media (min-width: 322px) and (max-width: 360px){
	.mobile-menu-info h1{
		font-size: 22px;
	}
	
}

@media (min-width: 322px) and (max-width: 767px){
	.mobile-menu-info h1{
		display: block;    
	}
	
}

@media (min-width: 336px) and (max-width: 767px){
	.mobile-menu-info h1{		
    margin-left: 15px;
	}
	
}

@media (min-width: 768px) and (max-width: 1100px){	
	.nav>li>a{		
		padding-left: 8px;
		padding-right: 8px;
		
	}
}

@media (min-width: 768px) and (max-width: 909px){	
	.menu-logo{
  width: 120px;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none !important;
}
}

.intro-logo{
  display: none;
}

@media (min-width: 768px) and (max-width: 909px){	
  .intro-logo{
    display: block;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .menu-container{
    padding-right: 15px;
    margin-right: auto;
  }
  
  
}





@media (min-width: 768px) and (max-width: 1022px){
	.navbar-default .navbar-nav>li>a{
		font-size: 16px;
	}	
}

@media (max-width: 767px){
.navbar-default .navbar-nav>li>a{
  text-align: center;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
  max-height: 400px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border-top-width: 0px;
}
}

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