@font-face{
	font-family:'hurme';
	src:url('./fonts/hurme/subset-HurmeGeometricSans3-SemiBold.eot');
	src:url('./fonts/hurme/subset-HurmeGeometricSans3-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('./fonts/hurme/subset-HurmeGeometricSans3-SemiBold.woff2') format('woff2'),
	url('./fonts/hurme/subset-HurmeGeometricSans3-SemiBold.woff') format('woff'),
	url('./fonts/hurme/subset-HurmeGeometricSans3-SemiBold.ttf') format('truetype'),
	url('./fonts/hurme/subset-HurmeGeometricSans3-SemiBold.svg#HurmeGeometricSans3-SemiBold') format('svg');
	font-style:normal
}
body {
    width:100%;
    max-width:1280px;
    margin:0 auto;
}

header, footer {
    background: #003559;
    width:100%;
}

header {
    height:96px;
}
header picture{
	float:left;
	margin-top:18px;
	margin-left: 54px;
	text-align: right;
}
header picture img {
	margin:0;	
}
header .baseline {
    color: white;
    font-family: 'hurme';
    font-size: 12px;
	display:block;
}

footer .footer-socials {
    height: 136px;
    line-height: 146px;

}

footer .footer-socials .footer-logo {
    width:25.625%;
    float: left;
    padding-left:4.375%;
}

footer .footer-socials .social-logos {
    width:65.625%;
    float: right;
    text-align: right;
    margin-right:4.375%;
    color: #fff;
    font-family: sans-serif;
}

footer .footer-socials .social-logos span.social-text {
    bottom: 10px;
    position: relative;
}

footer .footer-socials .social-logos img {
    margin-left:2.5%;
}


footer .footer-white {
    background: #fff;
    height:65px;
    line-height:65px;
    color: #000;
    font-size:14px;
    font-family:sans-serif;
    padding-left:4.375%;
}

.content {
    height:auto;
    width:100%;
    background: #003559;
}

.content img {
    height:auto;
    width:100%;
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

@media only screen and (max-width: 480px) {
   
	.mobile {
    display: block;
}

.desktop {
    display: none;
}
    header {
        height:64px;
    }
	header .baseline {
		display:none;
	}
	header picture {
		margin: 20px 0 0 20px;
	}
	header img {
		height:20px;
	}
    footer .footer-socials {
        height:175px;
        line-height:5;
    }

    footer .footer-white {
        text-align: center;
        padding:0;
    }
    
    footer .footer-socials .footer-logo {
        width:100%;
        text-align: center;
        padding:0;
    }
    
    footer .footer-socials .social-logos {
        width:100%;
        text-align: center;
        padding:0;
        margin:0;
    }

    footer .footer-socials .social-logos span.social-text {
        width:100%;
        display: block;
        line-height:1;
    }
    footer .footer-socials .social-logos span.social-images {
        width: 100%;
        display: block;
        line-height: 5;
        margin-bottom: 3px;
    }

    footer .footer-socials .social-logos span.social-images img {
        margin-left:6.25%;
    }

    footer .footer-socials .social-logos span.social-images img:first-of-type {
        margin-left:0;
    }
}