body {
    width:100%;
    max-width:1280px;
    margin:0 auto;
}

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

footer{
	background:url(images/back-footer.jpg) left top no-repeat;
}

header {
    height:135px;
	border-bottom:1px solid #96c11f;
}

header.desktop{
	padding:0 40px;
	box-sizing: border-box;
}

header img {
    min-height:81px;
    margin-top:20px;
}

header .slogan{
	float:right;
	min-height:42px;
	padding-top: 30px;
}

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:6px;
}

footer .footer-socials .social-logos a{
	text-decoration:none;
}


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:75px;
    }

    header img {
        width:auto;
        height:46px;
        min-height:unset;
        margin-top:15px;
        margin-left:5%;
    }
	header .slogan {
		height:32px;
		min-height:32px;
		padding-top:8px;
		padding-right:5%;
		}
		
	footer{
		background:url(images/back-footer-mobile.jpg) left top no-repeat;
		background-size:100% 100%;
	}

    footer .footer-socials {
        height:268px;
        line-height:5;
		padding-top:45px
    }

    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:40px 0 0 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;
    }
}