@font-face {
    font-family: "HelveticaLTStd-ExtraComp";
    src: url(../fonts/HelveticaLTStd-ExtraComp.otf);
}

a { text-decoration: none; }
.container-fluid { padding: 0; }

.main-footer { background-color: #252525; padding: 50px 15px; }
.main-footer .wrapper { position: relative; }
.main-footer .logo-wrapper .logo { width: 200px; }
.main-footer .social-networks { list-style: none; margin: 25px 0; padding: 0; }
.main-footer .social-networks li { display: inline-block; margin-right: 10px; }
.main-footer .social-networks li a img { opacity: 0.5; transition: opacity ease-out .2s; }
.main-footer .social-networks li a:hover img { opacity: 1; }
.main-footer .copyright-text { font-family: 'Roboto', sans-serif; font-weight: bold; width: 100%; max-width: 850px; font-size: 15px; color: #999; }

.page-404 { text-align: center; }
.page-404 h1 { font-size: 250px; margin: 0; line-height: 200px; }
.page-404 span { font-size: 40px; display: block; width: 600px; margin: 0 auto; }

button { transition: all ease-out .2s; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: 500; background-color: #cc0000; color: #fff; border: none; outline: none; height: 45px; padding: 0 20px; cursor: pointer; }
button:hover, button:focus { background-color: #a50505; }
button.grey { background-color: #545454; margin-left: 5px; }
button.grey:hover { background-color: #777; }

@media all and (max-width: 1280px) {
    .main-footer .wrapper { padding: 50px 15px; }
}
@media all and (max-width: 600px) {
    .main-footer { padding: 0px; }
    .main-footer .wrapper { padding: 20px 15px; }
}