.error{
  overflow: hidden;
  padding-top: 4.5rem;
}

.error-title{
  position: relative;
  font-size: 3rem;
  color: #585858;
  margin-left: 100px;
  z-index: 2;
}

.error-title:before{
  content: "";
  position: absolute;
    background-color: #ffd9df;
    width: 544px;
    height: 21px;
    top: 36px;
    left: -100px;
    z-index: -1;
}

@media (max-width: 576px){
  .error-title{
    font-size: 2.2rem;
    margin-left: 24px;
  }

  .error-title:before{
    width: 415px;
  }
}


.title-pink{
  color: #ff7088;
}

.error-margin{
  margin: 26px 100px;
}

@media (max-width: 576px){
  .error-margin{
    margin: 26px 24px;
  }
}

.error-caption{
  font-size: 1.5rem;
}

.read-more{
  padding: 14px 100px 96px;
}

.read-more a{
  height: 50px;
}

@media (min-width: 576px){
  .read-more a{
    width: 280px;
  }
}

@media (max-width: 576px){
  .read-more{
    padding: 14px 24px 96px;
  }
  .read-more a{
    width:100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.scroll-to-top-wrapper{
  position: relative;
}

.scroll-to-top{
  position:absolute;
  right: 100px;
  top: -84px;
}

@media (max-width: 576px){
  .scroll-to-top{
    left: 0;
    right: 0;
    margin: auto;
  }
}