.hero {
    align-items: flex-end;
    justify-content: flex-end;
    padding: 40px;
}

.hero h1 {
    width: 100%;
    text-align: right;
    padding-right: 60px;
}

.secondary-btn {
    flex-basis: 100%;
}

.peach-highlight {
    background-color: var(--background-peach);
    color: black;
    width: 115%;
    margin-left: -30px;
    padding: 30px;
    box-sizing: border-box;
}

@media screen and (max-width: 700px) {
    .peach-highlight {
        width: 120%;
        margin-left: -50px;
        padding: 30px;
    }
}