/* Variables */
/*
:root {
}
*/

.hero-image {
  width: 100%;
  height: auto;
  aspect-ratio: 2.51;
  background-size: cover;
}
.entry-header {
    padding-block: 30px 30px;
    padding-inline: 1rem 1rem;
}
.entry-header h1 {
    font-size: 2rem;
}

@media (min-width: 840px){
    .entry-header h1 {
        font-size: 2.25rem;
    }
}

@media (min-width: 960px){
    .hero-grid {
        width: 100%;
        display: grid;
        grid-template: 14vw 26vw auto 100px / auto 960px auto;
    }
    .hero-image {
        grid-area: 1 / 1 / 3 / 4;
        height: 100%;
        aspect-ratio: auto;
        border-bottom: 10px solid var(--uae-flag-green-10);
    }
    .hero-content {
        grid-area: 2 / 2 / 4 / 3;
        box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.15);
    }
    .entry-header {
        padding-block: 50px 50px;
        padding-inline: 70px;
    }
    .entry-header h1 {
        font-size: 2.625rem;
    }
}