@media (max-width: 1100px) {

    footer .wp-block-columns {
        flex-wrap: wrap !important;
    }
    
}

@media (max-width: 940px) {

    .hero iframe {
        width: 100%;
        height: 248px;
    }
    
    .cards.is-layout-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .signup > .wrapper {
    	grid-template-columns: 1fr;
    	gap: 40px;
    	padding: 60px 20px;
    }

    footer .wp-block-columns {
        gap: 60px;
    }

    footer .contact-info p:last-child {
        margin: 0;
    }
    
}

@media (max-width: 781px) {

    .hero iframe {
        width: 100%;
        height: 400px;
    }

    .hero .wp-block-column:last-child {
        order: -1;
    }
    
    section > .wp-block-cover__inner-container > .wp-block-columns,
    section > .wp-block-group__inner-container > .wp-block-columns {
        gap: 40px;
    }

    .about-us > div > .wp-block-image {
    	object-fit: cover;
        margin: 40px -40vw 0;
    }
    
}

@media (max-width: 599px) {

    h3 {
        font-size: 20px;
        line-height: 26px;
    }

    section,
    section.wp-block-cover {
        padding: 60px 0;
    }

    .wp-block-media-text {
        gap: 60px;
    }

    header .main .wp-block-navigation__submenu-container:after {
        display: none;
    }

    header .main .wp-block-navigation__responsive-container {
        background: rgba(0,0,0,.95) !important;
        padding: 20px !important;
    }

    header .main .wp-block-navigation__responsive-container a {
        color: white !important;
        text-transform: uppercase;
    }

    header .main .wp-block-navigation__submenu-container {
        padding: 8px 0 !important;
        gap: 8px !important;
    }

    header .main .wp-block-navigation-item.button a {
    	padding: 10px 20px !important;
        margin-top: 10px;
    }

    header .main .is-menu-open svg {
        fill: white;
    }

    .hero iframe {
        width: 100%;
        height: 210px;
    }

    .faq > li {
        min-width: calc(100% - 30px);
    }

    footer .contact-info p {
    	grid-template-columns: 1fr;
    }

    footer .contact-info p:first-child:before {
        display: none;
    }

    footer .contact-info p strong {
        grid-column: 1;
    }
    
}