#remote-header {
    display: flex;
    align-items: stretch;
    justify-content: center;
}
#remote-header > img,
#remote-header > .text-frame {
    flex: 1 1 50%;
    max-width: 50%;
    box-sizing: border-box;
}
#petronas {
    border-top-right-radius: 6%;
    border-bottom-right-radius: 6%;
}
#remote-header-text-block {
    padding: 3rem;
    justify-content: center;
}
.sequence {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    padding: 0
}
.sequence > .text-frame {
    flex: 1 1 30%;
    max-width: 30%;
    min-width: 250px;
    box-sizing: border-box;
}
.giant-emoji {
    font-size: 8rem;
    text-align: center;
}
.extra-padding {
    padding: 4rem;
}

.testimonials {
    display: flex;
    gap: 2rem;
}

.testimonials-container {
    flex: 1 1 50%;
    box-sizing: border-box;
}
.cozy-content {
    gap: 0rem;
}
.border-kicker {
    border-top: 1px solid #131313;
    /* border-radius: 8px; */
    /* padding: 1rem; */
}
.button-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Media Queries */
@media (max-width: 1000px) {
    .sequence > .text-frame {
    max-width: 100%;
    flex-basis: 100%;
}
#remote-header {
    flex-direction: column;
    }
#remote-header-text-block {
    width: 100%;
    box-sizing: border-box;
    margin: 3rem 0;
    }
    #remote-header > *, .content-group-row > * {
        width: 100%;
        padding: 0 3rem;
    }
    #remote-header > img,
    #remote-header > .text-frame {
        max-width: 100%;
        flex-basis: 100%;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .button-group {
        flex-direction: column;
        align-items: stretch;
    }
    .button-group .primary-button,
    .button-group .secondary-button {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}