.find {
    background: #000000;
    color: #ffffff;
    font-family: 'Gotham', sans-serif;
}

.hero {
    text-align: center;
    overflow: hidden;
    margin-bottom: 40px;
}

.hero__container {
    position: relative;
}

.hero__image-top {
    display: block;
    position: relative;
    width: 100%;
    max-width: 515px;
    left: 50%;
    transform: translate(-4%);
    margin-bottom: -12px;
}

.hero__content {
    max-width: 400px;
    margin: 0 auto;
}

.hero__eyebrow {
    font: 700 20px/1.1 'Gotham';
    text-transform: uppercase;
}

.hero__title {
    font: 900 32px/1.1 'Gotham';
    text-transform: uppercase;
}

.hero__paragraphs {
    max-width: 350px;
    margin: 24px auto 0;
}

.hero__paragraphs p {
    font: 500 14px/1.6 'Gotham';
}

.hero__image-bottom {
    display: block;
    width: 100%;
    max-width: 125px;
    margin: 24px auto 0;
}

.locations__item {
    border-top: 1px solid #ffffff;
    padding: 80px 0;
}

.locations__item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}


.locations__item:last-child {
    border-bottom: 1px solid #ffffff;
}

.locations__item-image {
    flex: 40%;
}

.locations__item-bottle {
    display: block;
    width: 100%;
}

.locations__item-content {
    flex: 60%;
}

.locations__item-title {
    font: 900 32px/1 'Gotham';
    text-transform: uppercase;
}

.locations__item-paragraphs {
    margin-top: 8px;
}

.locations__item-paragraphs p {
    font: 500 14px/1.6 'Gotham';
    margin: 0;
}

.locations__item-cta {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    font: 900 14px/1 'Gotham';
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-radius: 4px;
    margin-top: 24px;
}

.locations__item-cta svg {
    display: block;
    width: 10px;
    height: auto;
}

.locations__item:nth-child(odd) .locations__item-bottle {
    transform: rotate(-10deg) scale(0.6);
}

.locations__item:nth-child(even) {
    text-align: right;
}

.locations__item:nth-child(even) .locations__item-cta {
    margin-left: auto;
}

.locations__item:nth-child(even) .locations__item-bottle {
    transform: rotate(10deg) scale(0.6);
}

.locations__item:nth-child(even) .locations__item-image {
    order: 2;
}

.prefooter {
    overflow: hidden;
}

.prefooter__image {
    position: relative;
    left: 50%;
    display: block;
    width: 100%;
    min-width: 500px;
    height: auto;
    transform: translateX(-50%);
}

@media only screen and (min-width: 768px) {
    .locations__item-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .locations__item-content {
        max-width: 400px;
    }

    .locations__item {
        padding: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .hero {
        margin-bottom: -60px;
    }

    .hero__title {
        font-size: 70px;
        letter-spacing: -0.04em;
    }

    .locations__item-title {
        font-size: 70px;
    }

    .locations__item {
        padding: 0 0 120px;
    }

    .locations__item-inner {
        gap: 220px;
    }

    .locations__item-image {
        max-width: 310px;
    }

    .locations__item:first-child{
        border-top: 0;
    }

    .locations__item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .locations__item:nth-child(odd) .locations__item-bottle {
        transform: rotate(-10deg) translateY(-10%) scale(1);
    }

    .locations__item:nth-child(even) .locations__item-bottle {
        transform: rotate(10deg) translateY(-10%) scale(1);
    }
}