:root{
  --font-size-38px:2.375rem;
  --font-size-30px:1.875rem;
  --page-notfound-color:#2774f2;
  --bg-color-404-403:#A1D9F1;
  --bg-color-btn:#2f7af7;
}
.error-page
{
  font-family: var(--font-family-alegreyasanssc-medium);
  /* font-size: var(--font-size-70px); */
  font-weight: 700;
}
.page-not-found-title
{
  /* font-family: var(--font-family-alegreyasanssc-regular); */
  font-size: var(--font-size-38px);
  font-weight: 500;
  line-height: var(--line-height-50px);
  text-decoration: underline;
  text-decoration-color:var(--page-notfound-color);
  text-underline-offset: 1rem !important;
}
.page-content-404,
.page-content-403
{
  font-size: var(--font-size-30px);
  line-height: var(--line-height-35px);
}
.home-page-button
{
  font-size: var(--font-size-22px);
  line-height: var(--line-height-26px);
  background-color: var( --bg-color-btn) !important;
  border-color: var(--login-button-color) !important;
  border: none;
}
.bg-color-404,
.bg-color-403
{
  background-color: var(--bg-color-404-403);
}

@media screen and (min-width:0px) and (max-width:767px) 
{
  .page-404,
  .page-403
  {
    text-align: center !important;
  }
}