.banner-section { width: auto; height: auto; } .banner-section img, .service-section img,.welcome-section img { width: 100% !important; } .banner-section.alignfull{ margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); } .service-box h1,.service-box p,.service-section p, .welcome-section h2,.welcome-section p,.welcome-btn a { font-family: 'Ubuntu', sans-serif; } .service-box h1,.welcome-section h2 { font-weight: 500; } .service-head { font-weight: 600; } .service-section { position: relative; margin-top: -6%; box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); z-index: 1; } .welcome-btn a { border: 1px solid; padding: 9px 15px; text-decoration: none; } .welcome-btn a.wp-block-button__link:hover { background: var(--primary-color); border: 1px solid var(--primary-color); } .welcome-section h2:after { background-color: var(--primary-color); width: 19%; height: 2px; content: ""; margin: 10px auto; position: absolute; left:0%; top: 90%; opacity: 0.3; } .welcome-section .wp-block-columns { gap: 3em !important; } @media screen and (max-width: 767px) { .service-box h1, .welcome-section h2 { font-size: 25px !important; } .welcome-section .wp-block-columns { gap: 0em !important; } .banner-section { min-height: auto !important; } } @media screen and (max-width: 991px) and (min-width: 768px) { .service-box h1, .welcome-section h2 { font-size: 30px !important; } .service-section.wp-block-columns, .welcome-section .wp-block-columns { flex-wrap: nowrap !important; } .banner-section { min-height: 400px !important; } }