body {
padding: 20px;
}
a {
color: #00569d;
}
a.on{
color: #000000;
}
.row {
padding-bottom:0px;
}
.navbar {
margin:0 0 0px 0;
}
.navbar-brand {
padding-bottom:10px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #FFF;
}
.navbar-default {
background-color: #FFF;
border-color: #FFF;
}
.navbar-default .navbar-nav li a {
padding:25px 15px 0px 30px;
}
.navbar-toggle {
	margin-top:16px;
}
.nohand {
	cursor: default;
}
.nav li {
font-size:25px;
font-family: 'Ubuntu', sans-serif;
}
h1 {
font-size:53px;
font-family: 'Ubuntu', sans-serif;
font-weight:100;
}
h2 {
font-size:33px;
font-weight:100;
margin-top:0
}
h3 {
font-size:22px;
}
.titl{
font-size:28px;
color: #00569d;
margin-bottom:2px;
}
.thumbnail {
border: 0px solid #FFF;
padding:0px;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #00569d;
}
.col-xs-12, .col-sm-4 {
padding: 5px;
position:relative;
}
.infoI1 {
 display: none;
 position: absolute;
 bottom: 0;
 z-index: 10000;
 background: rgba(0, 0, 0, 0.5);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
 width: 272px;
 color: #FFF;
 padding: 10px;
 margin:5px 0px 5px 5px;
}
.infoI1 h3{
 margin:5px 0px 5px 5px;
 font-size:25px !important;
 font-weight: lighter;
 letter-spacing:0.07em;
}
a.thumbnail:hover .infoI1 {
display: block;
}

#footer {
height: 40px;
padding-top:10px;
background-color: #FFF;
}
.tlf {
font-size:44px;
font-weight:200;
line-height:47px;
margin:0;
padding:0
}
.ml {
font-size:20px;
font-weight:400;
letter-spacing:0.18em;
line-height:7px;
margin:0;
padding:0
}







@media (min-width: 768px) {
	h1 {
	font-size:33px;
	}
	h2 {
	font-size:18px;
	}
	.infoI1 {
	 bottom: 0;
	 width: 177px;
	 color: #FFF;
	 padding: 10px;
	 margin:5px 0px 5px 0px;
	}
	.infoI1 h3{
	 margin:5px 0px 5px 5px;
 	 font-size:16px !important;
 	 font-weight: lighter;
	}
}

@media (min-width: 992px) {
  	h1 {
	font-size:43px;
	}
	h2 {
	font-size:25px;
	}
	.infoI1 {
	 bottom: 0;
	 width: 232px;
	 color: #FFF;
	 padding: 10px;
	 margin:5px 0px 5px 0px;
	}
	.infoI1 h3{
	 margin:5px 0px 5px 5px;
 	 font-size:20px !important;
 	 font-weight: lighter;
	}
}

@media (min-width: 1200px) {
  	h1 {
	font-size:53px;
	}
	h2 {
	font-size:33px;
	color:#44617d;
	}
	.infoI1 {
	 bottom: 0;
	 width: 272px;
	 color: #FFF;
	 padding: 10px;
	 margin:5px 0px 5px 5px;
	}
	.infoI1 h3{
	 margin:5px 0px 5px 5px;
 	 font-size:25px !important;
 	 font-weight: lighter;
	}
}