:root {
  --theme-color-0: #FFF;
  --theme-color-5: #137444;
  --theme-color-1: #000000;
  --theme-color-1-0: hexToRGBA(#000000, 0);
  --theme-color-1-5: hexToRGBA(#000000, 5);
  --theme-color-1-10: hexToRGBA(#000000, 10);
  --theme-color-1-15: hexToRGBA(#000000, 15);
  --theme-color-1-20: hexToRGBA(#000000, 20);
  --theme-color-1-30: hexToRGBA(#000000, 30);
  --theme-color-1-40: hexToRGBA(#000000, 40);
  --theme-color-1-50: hexToRGBA(#000000, 50);
  --theme-color-1-70: hexToRGBA(#000000, 70);
  --theme-color-1-75: hexToRGBA(#000000, 75);
  --theme-color-1-100: hexToRGBA(#000000, 100);
  --theme-color-2: #861522;
  --theme-color-2-0: hexToRGBA(#861522, 0);
  --theme-color-2-5: hexToRGBA(#861522, 5);
  --theme-color-2-10: hexToRGBA(#861522, 10);
  --theme-color-2-15: hexToRGBA(#861522, 15);
  --theme-color-2-20: hexToRGBA(#861522, 20);
  --theme-color-2-30: hexToRGBA(#861522, 30);
  --theme-color-2-40: hexToRGBA(#861522, 40);
  --theme-color-2-50: hexToRGBA(#861522, 50);
  --theme-color-2-70: hexToRGBA(#861522, 70);
  --theme-color-2-75: hexToRGBA(#861522, 75);
  --theme-color-2-100: hexToRGBA(#861522, 100);
  --theme-color-3: #E7E5E2;
  --theme-color-3-0: hexToRGBA(#E7E5E2, 0);
  --theme-color-3-5: hexToRGBA(#E7E5E2, 5);
  --theme-color-3-10: hexToRGBA(#E7E5E2, 10);
  --theme-color-3-15: hexToRGBA(#E7E5E2, 15);
  --theme-color-3-20: hexToRGBA(#E7E5E2, 20);
  --theme-color-3-30: hexToRGBA(#E7E5E2, 30);
  --theme-color-3-40: hexToRGBA(#E7E5E2, 40);
  --theme-color-3-50: hexToRGBA(#E7E5E2, 50);
  --theme-color-3-70: hexToRGBA(#E7E5E2, 70);
  --theme-color-3-75: hexToRGBA(#E7E5E2, 75);
  --theme-color-3-100: hexToRGBA(#E7E5E2, 100);
  --theme-color-4: #F4F2EE;
  --theme-color-4-0: hexToRGBA(#F4F2EE, 0);
  --theme-color-4-5: hexToRGBA(#F4F2EE, 5);
  --theme-color-4-10: hexToRGBA(#F4F2EE, 10);
  --theme-color-4-15: hexToRGBA(#F4F2EE, 15);
  --theme-color-4-20: hexToRGBA(#F4F2EE, 20);
  --theme-color-4-30: hexToRGBA(#F4F2EE, 30);
  --theme-color-4-40: hexToRGBA(#F4F2EE, 40);
  --theme-color-4-50: hexToRGBA(#F4F2EE, 50);
  --theme-color-4-70: hexToRGBA(#F4F2EE, 70);
  --theme-color-4-75: hexToRGBA(#F4F2EE, 75);
  --theme-color-4-100: hexToRGBA(#F4F2EE, 100);
  --theme-color-6: #D5DEEB;
  --theme-color-6-0: hexToRGBA(#D5DEEB, 0);
  --theme-color-6-5: hexToRGBA(#D5DEEB, 5);
  --theme-color-6-10: hexToRGBA(#D5DEEB, 10);
  --theme-color-6-15: hexToRGBA(#D5DEEB, 15);
  --theme-color-6-20: hexToRGBA(#D5DEEB, 20);
  --theme-color-6-30: hexToRGBA(#D5DEEB, 30);
  --theme-color-6-40: hexToRGBA(#D5DEEB, 40);
  --theme-color-6-50: hexToRGBA(#D5DEEB, 50);
  --theme-color-6-70: hexToRGBA(#D5DEEB, 70);
  --theme-color-6-75: hexToRGBA(#D5DEEB, 75);
  --theme-color-6-100: hexToRGBA(#D5DEEB, 100);
  --theme-color-7: #709FC6;
  --theme-color-7-0: hexToRGBA(#709FC6, 0);
  --theme-color-7-5: hexToRGBA(#709FC6, 5);
  --theme-color-7-10: hexToRGBA(#709FC6, 10);
  --theme-color-7-15: hexToRGBA(#709FC6, 15);
  --theme-color-7-20: hexToRGBA(#709FC6, 20);
  --theme-color-7-30: hexToRGBA(#709FC6, 30);
  --theme-color-7-40: hexToRGBA(#709FC6, 40);
  --theme-color-7-50: hexToRGBA(#709FC6, 50);
  --theme-color-7-70: hexToRGBA(#709FC6, 70);
  --theme-color-7-75: hexToRGBA(#709FC6, 75);
  --theme-color-7-100: hexToRGBA(#709FC6, 100);
  --theme-color-8: #8B5656;
  --theme-color-8-0: hexToRGBA(#8B5656, 0);
  --theme-color-8-5: hexToRGBA(#8B5656, 5);
  --theme-color-8-10: hexToRGBA(#8B5656, 10);
  --theme-color-8-15: hexToRGBA(#8B5656, 15);
  --theme-color-8-20: hexToRGBA(#8B5656, 20);
  --theme-color-8-30: hexToRGBA(#8B5656, 30);
  --theme-color-8-40: hexToRGBA(#8B5656, 40);
  --theme-color-8-50: hexToRGBA(#8B5656, 50);
  --theme-color-8-70: hexToRGBA(#8B5656, 70);
  --theme-color-8-75: hexToRGBA(#8B5656, 75);
  --theme-color-8-100: hexToRGBA(#8B5656, 100);
  --theme-color-9: #EEECE8;
  --theme-color-9-0: hexToRGBA(#EEECE8, 0);
  --theme-color-9-5: hexToRGBA(#EEECE8, 5);
  --theme-color-9-10: hexToRGBA(#EEECE8, 10);
  --theme-color-9-15: hexToRGBA(#EEECE8, 15);
  --theme-color-9-20: hexToRGBA(#EEECE8, 20);
  --theme-color-9-30: hexToRGBA(#EEECE8, 30);
  --theme-color-9-40: hexToRGBA(#EEECE8, 40);
  --theme-color-9-50: hexToRGBA(#EEECE8, 50);
  --theme-color-9-70: hexToRGBA(#EEECE8, 70);
  --theme-color-9-75: hexToRGBA(#EEECE8, 75);
  --theme-color-9-100: hexToRGBA(#EEECE8, 100);
  --theme-color-10: #54714D;
  --theme-color-10-0: hexToRGBA(#54714D, 0);
  --theme-color-10-5: hexToRGBA(#54714D, 5);
  --theme-color-10-10: hexToRGBA(#54714D, 10);
  --theme-color-10-15: hexToRGBA(#54714D, 15);
  --theme-color-10-20: hexToRGBA(#54714D, 20);
  --theme-color-10-30: hexToRGBA(#54714D, 30);
  --theme-color-10-40: hexToRGBA(#54714D, 40);
  --theme-color-10-50: hexToRGBA(#54714D, 50);
  --theme-color-10-70: hexToRGBA(#54714D, 70);
  --theme-color-10-75: hexToRGBA(#54714D, 75);
  --theme-color-10-100: hexToRGBA(#54714D, 100);
  --theme-color-11: #808082;
  --theme-color-11-0: hexToRGBA(#808082, 0);
  --theme-color-11-5: hexToRGBA(#808082, 5);
  --theme-color-11-10: hexToRGBA(#808082, 10);
  --theme-color-11-15: hexToRGBA(#808082, 15);
  --theme-color-11-20: hexToRGBA(#808082, 20);
  --theme-color-11-30: hexToRGBA(#808082, 30);
  --theme-color-11-40: hexToRGBA(#808082, 40);
  --theme-color-11-50: hexToRGBA(#808082, 50);
  --theme-color-11-70: hexToRGBA(#808082, 70);
  --theme-color-11-75: hexToRGBA(#808082, 75);
  --theme-color-11-100: hexToRGBA(#808082, 100);
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w0aXpsog.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
}

#notfound {
  position: relative;
  height: 100vh;
}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}
.notfound .notfound-500,
.notfound .notfound-404 {
  position: relative;
  height: 240px;
}
.notfound .notfound-500 h1,
.notfound .notfound-404 h1 {
  font-family: montserrat, sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 252px;
  font-weight: 900;
  margin: 0;
  color: var(--theme-color-1);
  text-transform: uppercase;
  letter-spacing: -40px;
  margin-left: -20px;
}
.notfound .notfound-500 h1 > span,
.notfound .notfound-404 h1 > span {
  text-shadow: -8px 0 0 #fff;
}
@media only screen and (max-width: 767px) {
  .notfound .notfound-500 h1,
  .notfound .notfound-404 h1 {
    font-size: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-500 h1,
  .notfound .notfound-404 h1 {
    font-size: 162px;
    height: 150px;
    line-height: 162px;
  }
}
.notfound .notfound-500 h3,
.notfound .notfound-404 h3 {
  font-family: cabin, sans-serif;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--theme-color-1);
  margin: 0;
  letter-spacing: 3px;
  padding-left: 6px;
}
@media only screen and (max-width: 767px) {
  .notfound .notfound-500,
  .notfound .notfound-404 {
    height: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-500,
  .notfound .notfound-404 {
    height: 162px;
  }
}
.notfound h2 {
  font-family: cabin, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--theme-color-1);
  margin-top: 0;
  margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
  .notfound h2 {
    font-size: 16px;
  }
}