.roadblock {
  display: grid;
  gap: var(--space-neutral);
  padding-inline: var(--space-small);
  position: relative;
}

.roadblock .roadblock__logo,
.roadblock .roadblock__header,
.roadblock .roadblock__content {
  display: grid;
  justify-content: center;
  margin-inline: auto;
  text-align: center;
}

.roadblock .roadblock__header {
  width: min(100%, 26em);
}

.roadblock .roadblock__content {
  gap: var(--space-small);
  width: min(100%, 24em);
}



@media(min-width: 64em) {

  .roadblock {
    padding-inline: var(--space-large);
  }

}