.banner-section { width: auto; height: auto; } .banner-section img, .service-section img, .love-story img,.event-section img { width: 100%; } .banner-section-content p { font-weight: 400; } .banner-section-content h1,.banner-section-content p, .love-story h2,.event-section h2,.event-section h4 { font-family: 'Unica One', cursive } .love-story p, .event-section p { font-family: 'Vollkorn', serif; } .banner-section-content { border: 2px solid #fff; padding: 15px; border-radius: 9px; width: 25%; margin: 0 auto; } .banner-section-content .wp-block-group__inner-container { border: 2px solid #fff; border-radius: 11px; } .banner-section-content h1 { border-bottom: 2px solid #fff; } .love-story,.event-section { border: solid 1px #bbb; box-shadow: 4px 4px 10px 0px #bbb; } .event-box { padding: 0px 12px; } .service-section .service-border img { width: auto; } .service-section figure.wp-block-image.service-border, .service-section .wp-block-image.service-border figure { line-height: 0; } .love-story .wp-block-columns { margin-bottom: 0px !important; } .event-section .wp-block-columns { gap: 1em !important; } @media screen and (max-width: 767px) { .banner-section { min-height: auto !important; } .banner-section-content { width: 70% !important; } .love-story{ margin: 0 10px !important; } } @media screen and (max-width: 991px) and (min-width: 768px) { .banner-section { min-height: auto !important; } .love-story .wp-block-columns,.event-section .wp-block-columns { flex-wrap: nowrap !important; } .banner-section-content { width: 35% !important; } }