.grid-layout {
    display: flex;
}

.grid-layout__bottom-images {
    margin-top: 1rem;
    display: flex;
}

.grid-layout__image {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.grid-layout__text {
    flex-direction: column;
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.grid-layout__buttons-cont {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0;
}

.grid-layout__header,
.grid-layout__description {
    padding: 0.5rem 0;
}

.grid-layout__image img {
    width: 100%;
}

.grid-layout__button--primary,
.grid-layout__button--secondary {
    text-decoration: none;
}
.grid-layout__button--primary:focus {
    outline: 1px solid #000;
}

.grid-layout video,
.grid-layout .video-container iframe {
    width: 100%;
}

@media (max-width: 767px) {
    .grid-layout,
    .grid-layout__buttons-cont {
        flex-direction: column;
    }

    .grid-layout__bottom-images.grid-layout__bottom-images--xs {
        display: none;
    }

    .grid-layout__button--primary,
    .grid-layout__button--primary span,
    .grid-layout__button--secondary,
    .grid-layout__button--secondary span {
        width: 100%;
    }

    .grid-layout__button--secondary {
        margin-top: 1rem;
    }
}

@media (min-width: 768px) {
    .grid-layout__button--secondary--left-offset {
        margin-left: 1rem;
    }
    .grid-layout__button--secondary--top-offset {
        margin-top: 1rem;
    }
    .grid-layout__text--right {
        margin-left: 2rem;
    }

    .grid-layout__image-cont--w20 {
        width: 20%;
    }

    .grid-layout__image-cont--w30 {
        width: 30%;
    }

    .grid-layout__image-cont--w40 {
        width: 40%;
    }
    
    .grid-layout__image-cont--w50 {
        width: 50%;
    }

    .grid-layout__image-cont--w60 {
        width: 60%;
    }

    .grid-layout__image-cont--w70 {
        width: 70%;
    }

    .grid-layout__image-cont--w80 {
        width: 80%;
    }

    .grid-layout__image-cont--w100 {
        width: 100%;
    }

    .grid-layout__image--left {
        order: 0;
    }

    .grid-layout__image--right {
        order: 1;
    }

    .grid-layout__bottom-image-two {
        margin-left: 1rem;
    }

    .grid-layout__text--w20 {
        width: 20%;
    }
    
    .grid-layout__text--w30 {
        width: 30%;
    }

    .grid-layout__text--w40 {
        width: 40%;
    }

    .grid-layout__text--w50 {
        width: 50%;
    }

    .grid-layout__text--w60 {
        width: 60%;
    }

    .grid-layout__text--w70 {
        width: 70%;
    }

    .grid-layout__text--w80 {
        width: 80%;
    }

    .grid-layout__text--center-aligned {
        align-items: center;
    }

    .grid-layout__text--left-aligned {
        align-items: flex-start;
    }

    .grid-layout__text--right-aligned {
        align-items: flex-end;
    }
}