.site-main .video-wrapper {
    display: grid;
    width: 100%;
    height: 78.4rem;
    margin-top: 12rem;
}

.site-main .video-wrapper > * {
    grid-area: 1/1/-1/-1;
}

.site-main .video-wrapper video {
    width: 100%;
    height: 78.4rem;
    object-fit: cover;
}

.site-main .video-wrapper .cover {
    height: 100%;
    width: 100%;
    z-index: 2;
}

.site-main .video-wrapper .cover:hover {
    cursor: pointer;
}

.site-main .video-wrapper .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-main .video-wrapper .play-button {
    z-index: 3;
    background-color: #F1DBD9;
    box-shadow: 0px 15px 40px #391D0B;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 100%;
    align-self: center;
    justify-self: center;
}

.site-main .retailer-wrapper {
    margin-top: 12rem;
}

.site-main .retailer-wrapper .reailer-container {
    width: 100%;
    max-width: 125.9rem;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 70.4rem);
    grid-gap: 3.6rem;
}

.site-main .retailer-wrapper .reailer-container .left-column {
    align-self: center;
}

.site-main .retailer-wrapper .reailer-container .left-column .title-wrapper {
    margin: 0;
    font-size: 5.5rem;
    font-weight: 100;
    text-transform: uppercase;
    color: #E3B9B4
}

.site-main .retailer-wrapper .reailer-container .left-column a.download-button {
    margin-top: 3.5rem;
    display: table;
    border: 1px solid #BC887E;
    color: #BC887E;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    padding: 1.2rem 2.2rem;
    border-radius: 24px;
    transition: all .5s;
}

.site-main .retailer-wrapper .reailer-container .left-column a.download-button:hover {
    background-color: #F1DBD9;
    color: #D6B0AA;
    border-color: #F1DBD9;
}

.site-main .retailer-wrapper .reailer-container .right-column .image-wrapper {
    width: 70.4rem;
    height: 57.4rem;
}

.site-main .retailer-wrapper .reailer-container .right-column .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-main .contact-us-wrapper {
    margin-top: 12rem;
    background-color: #F1DBD9;
    padding: 12rem 0;
}

.site-main .contact-us-wrapper .contact-us-container {
    width: 100%;
    max-width: 125.9rem;
    margin: 0 auto;
}

.site-main .contact-us-wrapper .contact-us-container .title-wrapper {
    color: #89532F;
    font-size: 5.5rem;
    font-weight: 100;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 {
    margin-top: 3.2rem;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 2.5rem;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper:not(:first-child) {
    margin-top: 2.5rem;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper p {
    margin: 0;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper input,
.site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper select {
    width: 100%;
    border: 1px solid #89532F;
    background-color: #fff;
    color: #BC887E;
    padding: 1.8rem 0 1.8rem 2rem;
    font-size: 1.6rem;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper select.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23BC887E' d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8l256 0c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    background-size: 10px;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper input::placeholder {
    color: #BC887E;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .button-wrapper input {
    background-color: #89532F;
    color: #F1DBD9;
}

.site-main .contact-us-wrapper .contact-us-container .wpcf7 .button-wrapper input:hover {
    cursor: pointer;
}

@media (max-width: 1300px) {
    .site-main .retailer-wrapper .reailer-container,
    .site-main .contact-us-wrapper .contact-us-container {
        padding: 0 1.5rem;
    }
}

@media (max-width: 1023px) {
    .site-main .retailer-wrapper .reailer-container {
        grid-template-columns: minmax(0, 1fr)
    }

    .site-main .retailer-wrapper .reailer-container .right-column .image-wrapper {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 700px) {
    .site-main .contact-us-wrapper .contact-us-container .wpcf7 .line-wrapper {
        grid-template-columns: minmax(0, 1fr);
    }
}