header.site-header {
	display: none;
}
footer.site-footer {
	display: none;
}
.bg-img {
    height: 100vh !important;
    justify-content: center !important;
    align-items: center !important;
	position: relative !important;
}
.bg-img::before {
	content: "" !important;
	position: absolute !important;
	top: inherit !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 273px !important;
	height: 454px !important;
	background-image: url('https://brassinstruments.co.uk/wp-content/uploads/2026/03/bg-left-img.png') !important;
}
.bg-img::after {
	content: "";
	position: absolute;
	right: 0;
	top: 30%;
	transform: translatey(-30%);
	width: 260px;
	height: 413px;
	background-image: url('https://brassinstruments.co.uk/wp-content/uploads/2026/03/bg-right-img.png');
}
.comingsoon-text span {
    background: #f5b041;
    padding: 0 70px;
    padding-top: 22px;
    padding-bottom: 27px;
    display: inline-flex;
    margin-bottom: 25px;
    position: relative;
	line-height: 1.3;
}
.comingsoon-text span::before {
    content: "";
    position: absolute;
    left: -40px;
    top: 0;
    bottom: 0;
    width: 60px;
    height: 100%;
    transform: skewX(-20deg);
    background-color: #2c2c48;
}
.comingsoon-text span::after {
	content: "";
	position: absolute;
	right: -40px;
	top: 0;
	bottom: 0;
	width: 60px;
	height: 100%;
	transform: skewX(-20deg);
	background-color: #2c2c48;	
}
.heading {
	margin: 0 !important;
	padding: 0 !important;
}
.heading .elementor-heading-title {
    margin-bottom: 45px;
}
.bg-img .content {
    width: 830px;
	max-width: 100%;
    margin: 0 auto !important;
}
@media only screen and (max-width: 1650px) {
.bg-img::before {width: 213px !important;height: 355px !important;background-size: 100% !important;}
.bg-img::after {width: 210px;height: 335px;background-size: 100%;}
}
@media only screen and (max-width: 1579px) {
.bg-img::after {width: 150px;height: 240px;}
.bg-img::before {width: 163px !important;height: 275px !important;}
.comingsoon-text span {padding-left: 60px;padding-right: 60px;}
.comingsoon-text .elementor-heading-title {font-size: 35px !important;}
.heading .elementor-heading-title {font-size: 90px !important;}
}
@media only screen and (max-width: 1419px) {
.comingsoon-text .elementor-heading-title {font-size: 30px !important;}
.heading .elementor-heading-title {font-size: 78px !important;}
.comingsoon-text span {padding-top: 18px;padding-bottom: 23px;}
.bg-img .content {width: 680px;margin: 0 auto !important;}
}
@media only screen and (max-width: 1259px) {
.bg-img::after {width: 120px;height: 192px;}
.bg-img::before {width: 123px !important;height: 205px !important;}
.comingsoon-text .elementor-heading-title {font-size: 27px !important;}
.heading .elementor-heading-title {font-size: 70px !important;margin-bottom: 30px;}
}
@media only screen and (max-width: 1023px) {
.bg-img {padding-left: 125px !important;padding-right: 125px !important;}
.comingsoon-text .elementor-heading-title {font-size: 25px !important;}
.comingsoon-text span {padding-left: 55px;padding-right: 55px;}
.heading .elementor-heading-title {font-size: 62px !important;}
.bg-img .content {width: 550px;font-size: 17px !important;}
}
@media only screen and (max-width: 959px) {
.bg-img {padding: 0 !important;}
.bg-img::after {width: 80px;height: 127px;top: 20px;transform: translate(0);}
.bg-img::before {width: 90px !important;height: 151px !important;}
.comingsoon-text span {padding-top: 16px;padding-bottom: 20px;}
.heading .elementor-heading-title {font-size: 55px !important;}
}
@media only screen and (max-width: 767px) {
.comingsoon-text .elementor-heading-title {font-size: 22px !important;}
.comingsoon-text span {padding-left: 30px;padding-right: 30px;}
.comingsoon-text span::before {left: -10px;width: 20px;transform: skewX(-15deg);}
.comingsoon-text span::after {right: -10px;width: 20px;transform: skewX(-15deg);}
.heading .elementor-heading-title {font-size: 50px !important;margin-bottom: 25px;}
}
@media only screen and (max-width: 539px) {
.bg-img::after, .bg-img::before {display: none !important;}
.comingsoon-text span::before, .comingsoon-text span::after {display: none;}
.comingsoon-text span {padding-left: 20px;padding-right: 20px;padding-top: 14px;padding-bottom: 16px;}
.heading .elementor-heading-title {font-size: 42px !important;margin-bottom: 20px;}
}
@media only screen and (max-width: 479px) {
.comingsoon-text span {padding: 12px 15px;margin-bottom: 16px;}
.comingsoon-text .elementor-heading-title {font-size: 20px !important;}
.heading .elementor-heading-title {font-size: 35px !important;margin-bottom: 15px;}
.bg-img .content {font-size: 15px !important;}
}