body {
  margin: 0 auto;
  padding: 0;
  position: relative;
  min-height: 100vh;
  background: #000;
  font-family: "serifa", serif;
  font-weight: 700;
  font-style: normal;
  overflow-y: hidden;
}
.site-name img:hover {
  opacity: 0.7;
}
h3 {
  font-size: 2vw;
}

.error-page-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}

.homepage-redirect a {
  font-size: 28px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  display: block;
  width: fit-content;
}

.homepage-redirect a:hover {
  opacity: 0.5;
}

body.pageNotFound .footerWrapper {
  position: absolute;
  bottom: 0.6vw;
  width: 96%;
  margin: 0 2% auto;
}

@media only screen and (max-width: 1023px) {
  .error-wrappper {
    font-size: 19px;
  }

  .homepage-redirect a {
    font-size: 20px;
  }
  h3 {
    font-size: 4.5vw;
  }

  body.pageNotFound .copyrightWrapper {
    width: 100%;
    margin: 0 auto;
  }

  body.pageNotFound a.ot-sdk-show-settings {
    display:inline;
 }
 span.sep.cp {
    visibility: hidden;
}

 body.pageNotFound span.sep.cp,
body.pageNotFound span.sep.tos {
  display: inline;
}


}

@media only screen and (max-width:1023px) and (orientation:landscape){
  body.pageNotFound a.ot-sdk-show-settings {
   display:inline;
}
h3 {
  font-size: 2vw;
}
body.pageNotFound span.sep.cp,
body.pageNotFound span.sep.tos {
  display: inline;
}

body.pageNotFound span.sep.ad {
  display:none;
}
body.pageNotFound .footerWrapper {
  padding: 26px 0;
}
}

@media only screen and (min-width: 1920px) {
  .error-page-wrapper,.homepage-redirect a {  
    font-size: 1.5vw;
  }
}