body{
      background:  #000;
      color:  #fff;
      font-family:"din-2014";
  font-style: normal;
  font-weight: 400;
      text-align:center;
}
.logo-wrapper{
    width: 120px;
    margin: 1vw auto 0;
}
.logo-wrapper img{
    width: 100%;
    height:auto;
}

.page-not-found{
    text-transform: uppercase;
    font-family:"din-2014";
    padding:4vw 0vw;
}
.page-not-found-content{
    font-size:12px;
    
}
#nav-links a{
 color: #fff;
 line-height:36px;
}
#nav-links a:hover,a:hover{
opacity:0.7
}

.copyrightWrapper a,.copyrightWrapper span {
    color: #fff;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    font-family:"din-2014";
    font-size: 11px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;

}
.copyrightWrapper a{
    margin-left: 6px;
}
.footer-section{
    position: fixed;
    width: 100%;
    bottom: 15px;
    margin: 0 auto;
}
@media only screen and (max-width:1023px){
.logo{
 margin-top:5vw;
}
.description{
line-height: 24px;
}
.copyrightWrapper a,.copyrightWrapper span {
    font-size: 12px;
    line-height: 21px;
}
}

@media only screen and (max-width:1024px){
.page-not-found-content{
    font-size:10px;
}
.page-not-found{
    min-height: calc(100vh - 45vw);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
}
@media only screen and (min-width:1920px){
    .page-not-found{
    padding: 12vw 0vw;
}
.footer-section{
    bottom:1.5vw;
}
}