.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr;
  margin: 10px;

}

.div-block {
  background-color: #e9e9e900;
  border: 3px solid #dadada;
  justify-content: center;
  align-items: center;
  padding-top: 2%;
  padding-bottom: 2%;
  display: flex;
}

.image {
  width: 40px;
  padding-left: 10px;
}

.link-block {
  text-decoration: none;
}

.text-block {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-left: 5%;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  border: 3px solid #dadada
}

.grid-2 {
  border: 3px solid #adadad;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .image {
    width: 40px;
    max-width: 40px;
  }

  .text-block {
    text-align: center;
    border: 1px solid #c5c5c5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .grid-2 {
    grid-template-columns: .25fr 1fr;
	
  }
}

@media screen and (max-width: 767px) {
  .text-block {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 49% 49%;
    margin-left: 1px;
    margin-right: 1px;
  }

  .image {
    width: 40px;
  }

  .text-block {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
  }
}

#w-node-_96e51b3e-1c16-a8e0-9728-e4407023920c-7735f1a6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7c65b9e0-0c35-353f-4601-0be0f1975de9-7735f1a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-f9cff98e-7d20-61b5-134f-78c1ee95d4fb-7735f1a6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f9cff98e-7d20-61b5-134f-78c1ee95d4fe-7735f1a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_88a00f54-9d4a-c741-55bf-e19367c3d751-7735f1a6 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_88a00f54-9d4a-c741-55bf-e19367c3d754-7735f1a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-c4845593-7855-d3d8-db53-3a9258a49449-7735f1a6 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c4845593-7855-d3d8-db53-3a9258a4944c-7735f1a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-dbc5956d-a6d4-ba8c-4bd9-221f4e0a5825-7735f1a6 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-dbc5956d-a6d4-ba8c-4bd9-221f4e0a5828-7735f1a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_1234d6c1-d32b-dc5b-5c46-80a932ba4363-7735f1a6 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_1234d6c1-d32b-dc5b-5c46-80a932ba4366-7735f1a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_7c65b9e0-0c35-353f-4601-0be0f1975de9-7735f1a6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_88a00f54-9d4a-c741-55bf-e19367c3d751-7735f1a6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c4845593-7855-d3d8-db53-3a9258a49449-7735f1a6 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-dbc5956d-a6d4-ba8c-4bd9-221f4e0a5825-7735f1a6 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_1234d6c1-d32b-dc5b-5c46-80a932ba4363-7735f1a6 {
    grid-area: 3 / 2 / 4 / 3;
  }
}


@font-face {
  font-family: 'Robotocondensed';
  src: url('../fonts/RobotoCondensed-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotocondensed';
  src: url('../fonts/RobotoCondensed-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotocondensed';
  src: url('../fonts/RobotoCondensed-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotocondensed';
  src: url('../fonts/RobotoCondensed-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotocondensed';
  src: url('../fonts/RobotoCondensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotocondensed';
  src: url('../fonts/RobotoCondensed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}