@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic');
* {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;}
a {color:#fff; text-decoration:none; border-bottom:1px dashed #fff;}
a:hover {border-bottom:transparent;}
body {min-height:100vh; background:url('../images/error404.png') center no-repeat; background-size:cover; color:#fff; font-size:16px; font-family:'Roboto Condensed', sans-serif;;}
.container {width:650px; margin:0 auto; padding:200px 0 20px;}
.content {display:inline-block; width:100%; background:rgba(204, 51, 51, 0.1); padding:15px 5px; text-align:center; font-size:20px; border:4px double rgba(255, 255, 255, 0.25); text-transform: uppercase;}
.content span {display:block; margin:0 auto; padding:15px 0; font-size:75px; font-weight:bold; text-shadow:0 0 80px rgba(255, 255, 255, 0.5);}
.links ul {display:table; margin:20px auto;}
.links ul li {float:left; list-style-type:none; margin:0 20px; text-transform:uppercase;}
.copy {padding:5px 10px; color:#eee; text-align:center;}

@media screen and (max-width: 768px) {
    body {font-size:14px;}
    .container {width:100%; padding:100px 20px 20px;}
    .content {font-size:16px;}
    .content span {font-size:50px;}
    .links ul li {width:100px; margin:5px 20px; text-align:center;}
    .links ul li:nth-child(4) {clear:both;}
}

@media screen and (max-width: 468px) {
    .container {padding-top:30px;}
    .content span {font-size:36px;}
    .links ul li {width:70px;}
    .links ul li:nth-child(2n+3) {clear:both;}
    .links ul li:nth-child(4) {clear:none;}
}