* {
padding: 0;
margin: 0;
font-family: 'Manrope', Verdana, Tahoma, sans-serif;
}
body {
background: #05060B;
width: 100%;
height: 100%;
overflow: hidden;
}
.block-404 {
background: url(/img/logo.png) no-repeat top center;
display: block;
width: 100%;
height: 245px;
max-width: 320px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.text {
padding: 184px 0 0;
text-align: center;
}
h1 {
color: #7D7D7D;
font: bold 20px Manrope;
margin: 0 0 20px;
}
p {
color: #fffefe;
font: bold 14px Manrope;
line-height: 18px;
}
.text a {
color: #FFD700;
text-decoration: none;
}
.text a:hover {
color: #fff;
}

.block-404.geo {
    height: 263px;
}

@media (max-width: 767px) {

.block-404 {
    height: 164px;
    background-size: 144px 80px;
}
.block-404.geo {
    height: 181px;
}
p {
    font: bold 12px Manrope;
}
.text {
    padding: 104px 0 0;
}
}