/* DINPRO */
@font-face {
  font-family: 'Din';
  font-style: normal;
  src: url('../fonts/bbea2b15-75d1-4651-b6fe-fbc0eaca45c5.eot'); /* IE9 Compat Modes */
  src: local('Din'), local('Din'),
       url('../fonts/bbea2b15-75d1-4651-b6fe-fbc0eaca45c5.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/9e6c25e6-87cf-49d4-ba99-da4d9129eaa4.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/063400e1-920b-49ec-baec-410b131dc1fa.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cf252c53-89d7-4aa3-9e0d-ac29b03f2d3d.ttf') format('truetype') /* Safari, Android, iOS */
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0 15px;
    /*font-family: 'Open Sans';*/
    font-family:'Din';
    background-color: #fff;
}

img{
    min-width:1px;
    min-height:1px;
}
/* header and footer styles */
header, main, footer {
    position: relative;
}
input, button, p, span, div{
    font-family:'Din';
}
a:hover, a:visited, a:active, a:focus {
    color: inherit;
    text-decoration: none;
}
.logo-header{
    background-color:#fff;
    padding:37px 0;
}
.logo-header img{
    max-width:75px;
	max-height:75px;
}
.info-box{
    color:#003c7d;
    padding:1.5rem;
    border:1px solid #DCE2E9;
}
.info-box .image{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-box .image img{
    width: 125px;
	height:125px;
}
.table-container .image{
	padding-right:20px;
	vertical-align:middle;
}
.table-container .image, .table-container .copy{
	display:table-cell;
}
.table-container{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}
@media (max-width:768px){
    .info-box img{
        margin-bottom:1.5rem;
    }
	#mobile{
		margin-bottom:3rem;
	}
}

.info-box p{
    margin:0;
}
.info-box .fa{
    font-size:8rem;
}
footer {
    background-color: #ededed;
    margin-top: 2rem;
}
aside {
  padding: 2rem 0;
}
span.social {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right:14px;
}
span.social a{
  width:25px;
  height:25px;
}
span.social a.fb{
  background-image:url(../img/fb.svg);
}
span.social a.twitter{
  background-image:url(../img/twitter.svg);
}
span.social a.yt{
  background-image:url(../img/yt.svg);
}
span.social a.fb:hover{
  background-image:url(../img/fb-color.svg);
}
span.social a.twitter:hover{
  background-image:url(../img/twitter-color.svg);
}
span.social a.yt:hover{
  background-image:url(../img/yt-color.svg);
}
aside h4 {
  text-transform: uppercase;
  color: #003c7d;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 1.1rem;
}

aside a, aside p {
  color: #666;
  display: block;
  font-size: .8rem;
}

aside p.copyright {
  width: 100%;
  text-align: center;
  color: #003c7d;
}

aside a.contact {
  color: #00a7e3 !important;
  font-weight: 700;
  font-size: 1.5rem;
  padding-left: 2.2rem;
  position: relative;
}
@media (max-width:1199px){
	aside a.contact {
		font-size:1rem;
		padding-left: 1.8rem;
	}
	aside a.contact:before, aside a.contact.email:before{
		font-size:1.2rem;
	}
}
aside a.contact:before {
  font-family: FontAwesome;
  color: #003c7d;
  height: 25px;
  width: 25px;
  bottom: 6px;
  left: 0;
  position: absolute;
  font-size: 1.8rem;
  top: 0px;
}

aside a.contact.tel:before {
  content: '\f095';
}

aside a.contact.email:before {
  content: '\f0e0';
  font-size: 1.5rem;
}
.darkblue-strip {
	background-color: #003c7d;
	padding: .7rem 0;
	justify-content: center;
    height: 80px;
}
.darkblue-strip h2{
	color:#fff;
	font-weight:400;
	font-size:.7rem;
	margin-bottom:0;
}
.darkblue-strip a.tel{
	color:#00A8E4;
	font-weight:700;
	font-size: 2.2rem;
	line-height: normal;
}