/* Customized */

body {
    color: #5A6166 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
}

h1,h2,h3,h4,h5,h6,p,strong {
	color: #5A6166 !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	line-height: 1.35em;
	color:	#5A6166 !important
}


p {
 color: #5A6166 !important;
 }

div#navbar-header {
}

.navbar-default {
	border: none;	
}

.navbar {
	background-color: #5a9bbe !important;
	border-radius: 0;
}

ul.nav a {
	color: #ffffff !important;
}

ul.nav li.active a {
	background-color: #4a809f !important;
}

div#logocontainer {
	text-align: right;
}


#headline {
	font-size: 18px;
}

ul#logos {
	float: left;	
	list-style-type: none;
	padding: 0;
	margin: 0;
}


ul#logos li {
	padding: 0;
	margin: 0;
	float: left;
	height: 60px;
	min-width: 120px;
	padding-top: 15px;
	padding-left: 25px;
}

.small {
    font-size: 12px;
}


.primary {
    background-color: #CDE1EB !important; 
    border: none;
    
}

.cc-window {
    background-color: #EBEBEB !important;
}

a.button {
	background-color: #569BC0 !important;
	color: #fff !important;
	
}

a.button strong {
	color: #fff !important;
	font-size: 16px !important;
}

a {
	color: #1779ba;
}

img {
    width: 100%;
}

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

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

.navbar-toggle {
	border-radius: 0;
}


#iwulogo {
	width: 25%;
	height: auto;
	margin-right: 45px;
	padding-bottom: 5px;
}

#kfwlogo {
	width: 17%;
	height: auto;
}

.alert-info {
	background-color: #cde1eb;
}

a.btn-info  {
	background-color: #569bc0;
	border: none;
	border-radius: 0;
	padding: 15px;
}

.callout {
	border: 1px solid #e3e3e3;
	padding: 15px;
}

a.btn-info strong {
	color: #ffffff !important;	
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

div#header {
	margin-top: 25px;
	margin-bottom: 15px;
}


#iwulogo {
	width: 25%;
	height: auto;
}

#kfwlogo {
	width: 15%;
	height: auto;
}	

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
	div#header {
		margin-top: 15px;
		margin-bottom: 0px;
	}
  
	#iwulogo {
		
	}
	
	#kfwlogo {
	}	
	
	#textci h5 {
		text-align: left !important;
	}
}


@media screen and (max-width: 768px)  {
	#iwulogo {
		width: 40%;
		height: auto;
	}
	
	#kfwlogo {
		width: 21%;
		height: auto;
	}	
	
	#textci h5 {
		text-align: center !important;
		margin-bottom: 20px;
		
	}
	
	h3 {
		font-size: 18px;
		line-height: 1.35em;
	}
}