.hero-image-container {
    max-width:      1200px;
    margin:         auto;
    padding:        0 20px;
}

.cta-container {
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.cta-content {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    max-width:       50%;
    text-align:      center;
}

.cta-heading {
    font-family:     "KansasNew", sans-serif;
    font-weight:     700;
    color:           #000;
    font-size:       36px;
    margin-bottom:   20px;
}

.section-title:before {
    content:             "";
    height:              32px;
    width:               32px;
    background-image:    url("https://cdn.shopify.com/s/files/1/0563/2737/2823/files/pinkstar.svg?v=1649179037");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
    display:             inline-block;
    margin-right:        30px;
}

.section-title:after {
    content:             "";
    height:              32px;
    width:               32px;
    background-image:    url("https://cdn.shopify.com/s/files/1/0563/2737/2823/files/yellowstar.svg?v=1649179032");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
    display:             inline-block;
    margin-left:         30px;
}

.section-title a {
    font-size:       36px;
}

.section-wrapper-lg {
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.section-wrapper-sm {
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         20px;
}

.section-content {
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.instructions {
    width:           60%;
}

.image-row {
    display:         flex;
    flex-wrap:       wrap;
}

.image-col {
    flex:            1 1 100%;
    animation-name:  fadeInUp;
}

.video-block {
    width:           40%;
    display:         flex;
    justify-content: center;
    align-items:     center;
    aspect-ratio:    1 / 1;
}

.video-wrapper {
    position:        relative;
    width:           80%;
    height:          80%;
}

.video-wrapper .video-element {
    height:          100%;
    width:           100%;
    object-fit:      fill;
}

@media screen and (max-width: 768px) {
    .hero-image-container {
        padding:         0;
    }
    .section-title a {
        font-size:       24px;
        padding-bottom:  0;
    }
    .section-title::before {
        width:           18px;
        height:          18px;
        margin-right:    5px;
    }
    .section-title::after {
        width:           18px;
        height:          18px;
        margin-left:     5px;
    }
    .cta-content {
        max-width:       100%;
    }
}

@media screen and (max-width: 968px) {
    .cta-heading {
        font-size:       24px;
    }
    .btn-primary {
        max-height:      48px;
        font-size:       16px;
        padding:         12px 20px;
    }
}