.main {
    display: grid;
    /* justify-content: center; */
    padding: 3rem 2rem;
}

.content {
    width: min(70rem, 100%);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    column-gap: 2rem;
    row-gap: 3rem;
    margin: 0 auto;
}

.content > * {
    padding: 2rem 1rem;
    border-radius: 1rem;
    min-height: 25rem;
    max-height: 35rem;
}


.content > :nth-child(1) {
    border: 1px solid var(--grey100);
    /* width: min(35rem, 100%); */
}

.content > :nth-child(2) {
    background-color: var(--gray3);
    /* width: min(25rem, 100%); */
}

h1 {
        font-size: clamp(1rem, 5vw + .5rem, 1.5rem);

}


header {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    row-gap: .5rem;
}
header i {
    font-size: 1.8rem;
    color: var(--primaryGreen);
}

article {
    display: grid;
    row-gap: 1rem;
}
article > button {
    width: max-content;
    
}

.reservation-info {
    margin-top: 2rem;
    display: grid;
    row-gap: 1rem;
}
.reservation-info > * {
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.promo-code-container {
    display: grid;
    row-gap: 2rem;
    padding: 1rem;
    border-radius: .5rem;
    outline: 1px solid var(--gray4);
    background-color: var(--primaryWhite);
}
.promo-code-container a {
    display: flex;
    align-items: center;
    column-gap: .5rem;
}
.promo-code-container img {
    width: 1rem;
}

.promo-code-container > * {
    display: flex;
    column-gap: 1rem;
    align-items: center;
    row-gap: .5rem;
    flex-wrap: wrap;
}