Get the Alpha template now

Accent heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

Call to Action


/* Set Section to display grid and inline padding to 0 */
.hero-42 {
  display: grid;
  grid-template-columns: var(--grid-12);
  padding-inline: 0px;
  overflow:hidden;
}


/* Set container to full width and display grid */
.hero-42__container {
  display:grid;
  grid-template-columns: var(--grid-12) !important ;
  grid-column: span 12;
  width: 100%;
}

/* Position the content element in the middle */
.hero-42__content {
  grid-column: 4/ 10;

}

/* position the image left container to the left */
.hero-42__image-left{
  grid-column: 1/ 4;
}

/* position the image right container to the right */
.hero-42__image-right {
  grid-column: 10/ -1;

}

@media (max-width:767px) {
  
  
  .hero-42__content {
  grid-column: 1/ -1;
  grid-row: 2;  
    

}

.hero-42__image-left{
  grid-column: 1/ -1;
  grid-row: 1;
}

.hero-42__image-right {
  grid-column: 1/ -1;
  grid-row: 3;

}
}