:root {
  --black: black;
  --white: white;
  --cyan: rgba(12, 255, 245, .5);
  --royal-blue: rgba(0, 102, 255, .5);
  --dark-orchid: rgba(184, 3, 255, .5);
}

.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;
}

body {
  background-color: var(--black);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.e-text {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.e-text.is--bold {
  color: var(--white);
  margin-top: 10px;
  margin-right: 24px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.e-text.is--bold.large {
  font-size: 20px;
}

.e-text.is--bold.display-block {
  display: block;
}

.b-event__section {
  background-color: #000;
  background-image: linear-gradient(135deg, rgba(8, 175, 221, .3), #000 40%, #000 60%, rgba(150, 40, 189, .3));
  height: 100vh;
  padding: 0 5vw;
}

.grid {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  align-content: center;
  align-items: center;
  justify-items: center;
  height: 100%;
  padding-top: 0;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template: "."
                 "Area"
                 / 350px;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.image {
  width: 300px;
  margin-left: auto;
  margin-right: 100px;
  display: block;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .e-text.is--bold.large.no-margin {
    margin-right: 0;
  }

  .grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-content: center;
    align-items: center;
    padding-top: 0;
  }

  .b-event__details-wrapper {
    text-align: center;
    flex-direction: column;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .image {
    width: 260px;
    margin-right: auto;
  }

  .div-block {
    margin-right: -24px;
  }

  .div-block-2 {
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  .e-text.is--bold.large.no-margin {
    margin-right: 0;
  }

  .grid {
    grid-template-rows: .25fr .5fr;
  }
}

@media screen and (max-width: 479px) {
  .e-text.is--bold.large {
    font-size: 18px;
  }

  .b-event__section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 100%;
  }

  .b-event__details-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .grid-2 {
    grid-row-gap: 10px;
  }

  .image {
    width: 240px;
  }
}

#w-node-a27a4e42-ac68-73c5-a48d-d00af57c306d-e8327257 {
  justify-self: center;
}

#w-node-_5aede758-231d-21cb-0981-2368b53c47a6-e8327257 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: start;
}

#w-node-c4899fdd-a191-90bc-90e5-9abba3c46ace-e8327257 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_625b2050-cd4d-6f86-b0cd-859effc33899-e8327257 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2834987e-ade2-a96a-d18f-f1b20b8d4ed8-e8327257 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-d23413e6-5dc4-72cf-d9ab-1b4f7fadadd1-e8327257 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_24d45d66-4f41-af9e-6bc9-4c9b0bd9867c-e8327257 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_5aede758-231d-21cb-0981-2368b53c47a6-e8327257 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }
}