.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body {
  background-image: linear-gradient(360deg, rgba(255, 255, 255, .84), #fff), url('../images/main-bg.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Lato, sans-serif;
  display: flex;
}

.blocktext {
  color: #000;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  font-size: 11px;
  font-weight: 300;
}

.blockhead {
  color: #000;
  text-align: center;
  margin-top: 10px;
  font-family: Lato-Black, sans-serif;
  font-weight: 700;
}

.tagline {
  color: #000;
  -webkit-text-stroke-color: #050505;
  font-family: Lato-Hairline, sans-serif;
  font-size: 35px;
  font-weight: 100;
  line-height: 1em;
}

.cname {
  text-align: center;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Lato-Black, sans-serif;
  font-size: 38px;
  font-weight: 900;
  line-height: 1em;
}

.logo {
  width: 42px;
  align-self: center;
  padding-bottom: 30px;
  padding-right: 0;
}

.stack {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-self: stretch;
  padding-top: 100px;
}

.cell1 {
  text-align: right;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.cell2, .cell3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.message {
  text-align: center;
  padding-top: 100px;
  font-family: Lato-Regular, sans-serif;
  font-size: 13px;
}

.copy {
  text-align: center;
  flex: 0 auto;
  order: 1;
  align-self: baseline;
  font-family: Lato-Regular, sans-serif;
  font-size: 10px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.icon-1, .icon-2, .icon-3 {
  text-align: center;
  font-family: Lato-Regular, sans-serif;
}

.pagewrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagecontent {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

@media screen and (max-width: 767px) {
  .blocktext {
    font-size: 11px;
  }

  .blockhead {
    font-size: 13px;
  }
}

@media screen and (max-width: 479px) {
  .blocktext {
    color: #000;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .blockhead {
    color: #000;
  }

  .cname {
    font-size: 30px;
  }

  .stack {
    padding-top: 60px;
  }

  .message {
    padding-top: 60px;
    font-size: 12px;
  }
}

#w-node-bc796b8a-b9e2-9735-ba4c-f361a6a7ded8-8b922f00 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 479px) {
  #w-node-bc796b8a-b9e2-9735-ba4c-f361a6a7ded8-8b922f00 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Lato-HairlineItalic';
  src: url('../fonts/Lato-HairlineItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Light';
  src: url('../fonts/Lato-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Thin';
  src: url('../fonts/Lato-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-ThinItalic';
  src: url('../fonts/Lato-ThinItalic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-LightItalic';
  src: url('../fonts/Lato-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-SemiboldItalic';
  src: url('../fonts/Lato-SemiboldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Hairline';
  src: url('../fonts/Lato-Hairline.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-MediumItalic';
  src: url('../fonts/Lato-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-BlackItalic';
  src: url('../fonts/Lato-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-HeavyItalic';
  src: url('../fonts/Lato-HeavyItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Medium';
  src: url('../fonts/Lato-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Semibold';
  src: url('../fonts/Lato-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Heavy';
  src: url('../fonts/Lato-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Black';
  src: url('../fonts/Lato-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Bold';
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-BoldItalic';
  src: url('../fonts/Lato-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Italic';
  src: url('../fonts/Lato-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}