@media (max-width: 1063px) {
.container { width: calc(100% - 260px); margin: 0 50px 30px 50px; padding: 50px 80px 80px 80px; }
#menu { width: 100%; }
#menu > li { width: 24%; height: 70px; }
#menu > li > a { white-space: nowrap; }
}



@media (max-width: 979px) {
#menu { border: 0; }
#menu > li { float: none; width: 431px; margin: 0 auto; border: 0; }
#menu > li > a.active { top: 0; padding: 28px 38px 28px 38px; }
}



@media (max-width: 867px) {
body { font-size: 14px; }
.container { width: calc(100% - 170px); padding: 50px 80px 80px 80px; margin: 0 5px 10px 5px; }
.contact .columns { width: 100%; height: 100%; }
.contact .one { width: 100%; padding: 0 0 50px 0; display: inline-block; }
.contact .two { width: 100%; display: inline-block; }
}



@media (max-width: 479px) {
.container { width: calc(100% - 40px); padding: 20px 20px 40px 20px; margin: 0; border-radius: 0; }
.logo { padding: 60px 0 20px 0; text-align: center; }
.logo a img { width: 100%; max-width: 283px; }
.select-language { width: 100%; text-align: center; }
#menu > li { float: none; width: 70%; margin: 0 auto; border: 0; }
#menu > li > a.active { top: 10px; padding: 18px 28px; }
footer { width: 100%; height: auto; margin: 0 0 30px 0; }
div > div { display: inline-block; }
footer .columns { width: calc(100% - 50px); height: auto; display: inline-block; padding: 25px; }
footer .one { width: 100%; padding: 0 0 50px 0; display: inline-block; }
footer .two { width: 100%; padding: 0 0 50px 0; display: inline-block; }
footer .three { width: 100%; padding: 0; display: inline-block; }
footer .columns p { line-height: 30px; }
footer a { color: #969696; }
footer a:hover { color: #F5F5F5; }
#back-to-top { display: none; }
.bergier img { float: none; padding: 0 0 30px 0; }
}

@media (max-width: 879px) {
body { font-size: 13px; }
}