main, html {
  height: 100%;
}

main {
/*	background-image: url("https://www.billwestroofing.com/wp-content/uploads/2021/06/logo-big-1.png");*/
 /*background-color: #cccccc;*/
	
	/* Full height */
    height: 100%; 
	width: 100%;
	padding: 10px 0px;

  /* Create the parallax scrolling effect */
	background-position: center;
	background-position: fixed;
	background-position: relative;
  	background-repeat: no-repeat;
	background-size: contain;
  	/*background-size: cover;*/
}

body img {
	display: block;
	/* 	padding-top: 25px; */
	position: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,600;1,400&family=Oswald:wght@700&family=Roboto:wght@700&display=swap');


.hpcontainertop {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.header-text2 {
	text-shadow: 2px 3px 5px black;
}


@media screen and (min-width: 1500px) and (max-width: 1921px) {
	.header-text1 {
		font-size: 57px !important;
		max-width: 860px;
	}
}

@media screen and (max-width: 921px) {
.hpcontainertop:after {
	display: none;
}
}
@media screen and (min-width: 922px) {
.hpcontainertop:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("/wp-content/uploads/2022/06/Path_2001-1024x147.png");
	width: 100%;
	height: 25%;
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
	z-index: 1;
}
}
.bill-west-text {
	margin-top: -13%;
}
/*
.header-text1 {
	font-size:57px;
	font-weight:800;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.76);
	padding-left:530px;
	padding-right:530px;
	text-align:center;
	color:white;
	position:absolute;
	top:5%;
	font-family: 'Montserrat';
}
*/

/* @media screen and (max-width: 540px) { */
@media screen and (max-width: 600px) {
.header-text1 {
	font-size: 24px !important;
	font-size: 21px !important;
	font-size: 18px !important;
	font-weight:800;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.76);
	text-align:center;
	color:white;
	position:absolute !important;
	top: 15% !important;
	top: 17vh !important;
	left: 50% !important;
	width: 90% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}

.header-text2 {
	position:absolute;
	color:white;
	font-size:40px;
	font-weight:700;
	text-align:center;
	top: 25% !important;
	top: 24vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
	text-shadow: 2px 3px 5px black;
}
.header-text2 a {
	color: white;
}
.header-text2 .learn-more {
	color: #1a1818;
	font-size: 14px;
	font-weight: 600;
	border-radius: 5px;
	/* width: 177px; */
	font-family: 'Montserrat', sans-serif;
	background-color: #FFE815;
	transition: all .2s;
	line-height: 1;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 25px;
}
}

@media screen and (min-width: 601px) and (max-width: 768px){
.header-text1 {
	font-size:24px !important;
	font-weight:800;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.76);
	text-align:center;
	color:white;
	position:absolute !important;
	top: 20% !important;
	top: 20vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}

.header-text2 {
	position:absolute;
	color:white;
	font-size:40px;
	font-weight:700;
	text-align:center;
	top: 30% !important;
	top: 30vh !important;
	top: 32vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}
.header-text2 a {
	color: white;
}
.header-text2 .learn-more {
	color: #1a1818;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	/* width: 177px; */
	height: 43px;
	font-family: 'Montserrat', sans-serif;
	background-color: #FFE815;
	transition: all .2s;
}
}

/*
@media screen and (min-width: 541px) and (max-width: 768px){
.header-text1 {
	font-size:24px !important;
	font-weight:800;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.76);
	text-align:center;
	color:white;
	position:absolute !important;
	top: 20% !important;
	top: 20vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}

.header-text2 {
	position:absolute;
	color:white;
	font-size:40px;
	font-weight:700;
	text-align:center;
	top: 30% !important;
	top: 30vh !important;
	top: 32vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}
.header-text2 a {
	color: white;
}
.header-text2 .learn-more {
	color: #1a1818;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	height: 43px;
	font-family: 'Montserrat', sans-serif;
	background-color: #FFE815;
	transition: all .2s;
}
}
*/

@media screen and (min-width: 769px) and (max-width: 1024px){
.header-text1 {
	font-size: 57px;
	font-size: 32px !important;
	font-weight:800;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.76);
	text-align:center;
	color:white;
	position:absolute !important;
	top: 30% !important;
	top: 30vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}

.header-text2 {
	position:absolute;
	color:white;
	font-size:40px;
	font-weight:700;
	text-align:center;
	top: 40% !important;
	top: 43vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}
.header-text2 a {
	color: white;
}
.header-text2 .learn-more {
	color: #1a1818;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	/* width: 177px; */
	height: 43px;
	font-family: 'Montserrat', sans-serif;
	background-color: #FFE815;
	transition: all .2s;
}
}

@media screen and (min-width: 1025px) and (max-width: 1499px){
.header-text1 {
	font-size:57px;
	font-weight:800;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.76);
	text-align:center;
	color:white;
	position:absolute !important;
	top: 47% !important;
	top: 44vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}

.header-text2 {
	position:absolute;
	color:white;
	font-size:36px !important;
	font-weight:700;
	text-align:center;
	top: 60% !important;
	top: 60vh !important;
	top: 58.5vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}
.header-text2 a {
	color: white;
}
.header-text2 .learn-more {
	color: #1a1818;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	/* width: 177px; */
	height: 43px;
	font-family: 'Montserrat', sans-serif;
	background-color: #FFE815;
	transition: all .2s;
}
}

@media screen and (min-width: 1500px) {
.header-text1 {
	font-size:57px;
	font-weight:800;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.76);
	text-align:center;
	color:white;
	position:absolute !important;
	top: 47% !important;
	top: 54vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}

.header-text2 {
	position:absolute;
	color:white;
	font-size:40px;
	font-weight:700;
	text-align:center;
	top: 60% !important;
	top: 70vh !important;
	top: 75vh !important;
	left: 50% !important;
	width: 66% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-family: 'Montserrat';
	padding: 0px !important;
}
.header-text2 a {
	color: white;
}
}



/*
@media screen and (min-width: 1500px) and (max-width: 1537px) {
	.header-text1 {
	top: 43% !important;
	}
	.header-text2 {
		top: 59% !important;
	}
}
*/

/*
.header-text2 {
	position:absolute;
	color:white;
	font-size:40px;
	font-weight:700;
	top:8.5%;
	left:33%;
	text-align:center;
}
.header-text2 a {
	color: white;
}
*/




#free-estimate-text {
	font-size: 36px;
	color: white;
	font-weight: bold;
	padding-left: 65px;
	padding-top: 28px;
	padding-bottom: 14px;
	/*font-family: Tw Cen Mt;*/
}

#gform_fields_1 {
	/* width: 1472px; */
}

#gform_1 {
	/* padding-left: 65px; */
	/* padding-right: 165px; */
}

/* Free Estimate Label */
#field_1_1, #field_1_2, #field_1_3, #field_1_5 {
	color: white;
	font-size: 16px;
	font-weight: bold;
}
/* Free Estimate Inputs */
#input_1_1_3, #input_1_2, #input_1_3, #input_1_5 {
	/* width: 338.33px; */
	height: 53.18px;
}

/* Free Estimate Submit Button */
#gform_submit_button_1 {
	background-color: #FFE815;
	color: #1a1818;
	font-size: 20px;
	font-weight: 600;
	border-radius: 5px;
	/*width: 177px;*/
	height: 53px;
	float: right;
	margin-top: -76px;
	margin-top: 0px;
}

#blue-rect {
	width: 100%;
	background-color: #002B7F;
	padding:  0 30px;
}



@media screen and (max-width: 1670px) {
/*	.header-text2 {
		top: 10%;
		left: 27%;
	} */
	ul#ast-hf-menu-1 {
		/*left: 37%;*/
	}
	.bw-phone-number, section#block-26 {
		padding-right: 100px;
	}
}
@media screen and (max-width: 1670px) {
	ul#ast-hf-menu-1 {
		left: 25%;
		left: 10%;
	}
}
@media screen and (max-width: 1589px) and (min-width: 1540px) {
/*	.header-text1 {
		padding-left: 400px;
		padding-right: 400px;
	} */
}
@media screen and (max-width: 1024px) {
	#gform_fields_1 {
		/* padding-right: 28%; */
	}
	#awards {
    /* padding: 38px 50px 71px 50px; */
 }
/*	ul#ast-hf-menu-1 {
		left: 35%;
	} */
	ul#ast-hf-menu-1 {
		left: 10%;
	} 
}

@media screen and (min-width: 1025px) and (max-width: 1200px){
	#gform_fields_1 {
		/* padding-right: 28%; */
	}
	#awards {
    /* padding: 38px 50px 71px 50px; */
 }
/*	ul#ast-hf-menu-1 {
		left: 35%;
	} */
	ul#ast-hf-menu-1 {
		left: 20%;
		left: 19%;
	}
	.ast-builder-menu-1 .menu-item > .menu-link {
	    font-size: 12px;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1300px){
	#gform_fields_1 {
		/* padding-right: 28%; */
	}
	#awards {
    /* padding: 38px 50px 71px 50px; */
 }
/*	ul#ast-hf-menu-1 {
		left: 35%;
	} */
	ul#ast-hf-menu-1 {
		left: 20%;
		left: 15%;
	}
	.ast-builder-menu-1 .menu-item > .menu-link {
	    font-size: 14px;
	}
}

@media screen and (min-width: 1301px) and (max-width: 1536px){
	#gform_fields_1 {
		/* padding-right: 28%; */
	}
	#awards {
    /* padding: 38px 50px 71px 50px; */
 }
/*	ul#ast-hf-menu-1 {
		left: 35%;
	} */
	ul#ast-hf-menu-1 {
		left: 20%;
		left: 13%;
	}
	
}

@media screen and (max-width: 1504px) {
	.header-text2 {
		font-size: 26px !important;
/*		top: 7.5% !important; */
	}
}
@media screen and (max-width: 1125px) {
/*	.header-text1 {
		padding-left: 150px !important;
		padding-right: 150px !important;
		top: 5% !important;
		font-size: 35px !important;
	} */
/*	.header-text2 {
		top: 6% !important;
	} */
}
@media screen and (max-width: 1024px) {
	/*
	#awards-container {
		padding-left: 75px;
	}
	#awards-row1, #awards-row2, #awards-row3 {
		width: 25% !important;
	} */
	#gform_submit_button_1 {
		margin-right: -100px;
	}
	#gform_fields_1 {
		/* width: 950px !important; */
	}
	.header-container {
		margin-bottom: -6% !important;
	}
/*	.header-text1 {
		padding-left: 100px !important;
    	padding-right: 100px !important;
		top: 2.5% !important;
	} */
	.header-text2 {
		/*		left: 30.5% !important;
		top: 5% !important; */
		font-size: 20px !important;
		z-index:  99999999 !important;
		}

}

/*Ipad 9th gen */
/* @media screen and (max-width: 1024px) and (min-width: 768px) { */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#gform_fields_1 {
		overflow-x: auto !important;
    	display: block !important;
		padding-bottom: 50px;

	}
		#blue-rect {
		height: 100% !important;
	}
		#gform_submit_button_1 {
		margin-right: -42px !important;
		margin-top: 20px !important;
	}
	#gform_1 {
		margin-left: auto;
    	margin-right: auto;
    	width: 525px;
	}
	#free-estimate-text {
		text-align:center;
	} /*
	.maroon-and-awards-container {
    display: flex;
    flex-direction: column;
	}
	#maroon-rect, #awards {
		width: 100% !important;
	}
	#awards {
		padding: 38px 147px 71px 177px !important;
	}
	#awards-container {
		padding-left: 154px !important;
	} */

}
@media screen and (max-width: 768px) {
	#gform_fields_1 {
		overflow-x: auto !important;
    	display: block !important;
		padding-bottom: 50px;
	}
	#blue-rect {
		height: 100% !important;
	}
	#gform_submit_button_1 {
		margin-right: -42px !important;
		margin-top: -50px !important;
		margin-top: 20px !important;
	}
	#gform_1 {
		margin-left: auto;
		margin-right: auto;
		width: 525px;
		max-width:  80%;
		width:  80%;
	}
	#free-estimate-text {
		text-align:center;
	}
	/*
	.maroon-and-awards-container {
    display: flex;
    flex-direction: column;
	}
	#maroon-rect, #awards {
		width: 100% !important;
	}
	#awards {
		padding: 38px 147px 71px 120px !important;
	}
	#awards-container {
		padding-left: 154px !important;
	} */
/*	.header-text1 {
		padding-left: 30px !important;
    	padding-right: 30px !important;
    	top: 2% !important;
		left: 2%;
		font-size: 20px !important;
	} */
	.header-text2 {
		font-size: 19px !important;
/*		left: 23% !important;
		top: 3% !important; */
	}
}
@media screen and (max-width: 540px) {
	#free-estimate-text {
		text-align: left !important;
	} /*
	#awards-container {
		padding: 84px 105px 84px 75px !important;
	}
	#awards {
		padding: 38px 50px 71px 50px !important;
	} */
/*	.header-text1 {
		padding-left: 30px !important;
    	padding-right: 30px !important;
    	top: 2% !important;
		left: 2%;
		font-size: 20px !important;
	} */
	.header-text2 {
		font-size: 19px !important;
		z-index: 99;
/*		left: 23% !important;
		top: 3% !important; */
	}
}
@media screen and (max-width: 500px) {
	.header-text1 {
/*		padding-left: 30px !important;
    	padding-right: 30px !important;
    	top: 1% !important;
		left: 2%; */
/*		font-size: 20px !important; */
	}
	.header-text2 {
		font-size: 19px !important;
/*		left: 17% !important;
		top: 2% !important; */
	}
}
@media screen and (max-width: 416px) {
	.header-text1 {
/*		padding-left: 30px !important;
    	padding-right: 30px !important;
    	top: 1% !important;
		left: 2%;
		font-size: 20px !important;
	}
	.header-text2 {
		font-size: 19px !important;
		left: 10% !important; 
		top: 2% !important; */
	}
	/*
	#awards-container {
		padding: 54px 25px !important;
	} */
	.hero-img1 {
		height: 300px;
	}


}
@media screen and (max-width: 429px) and (min-width: 420px) {
	.header-text2 {
		top: 23% !important;
	}
}
/* pixel2, pixel 2XL */
@media screen and (max-width: 411px) {
}

@media screen and (max-width: 391px) {
	#input_1_1_3, #input_1_2, #input_1_3, #input_1_5 {
		width: 300.33px !important;
	}
	#gform_submit_button_1 {
		margin-right: 5px !important;
	}
	#free-estimate-text {
		width: 90%;
	}
	#gform_1 {
		padding-left: 35px !important;
		padding-right: 0px !important;
	}
	#free-estimate-text {
		padding-left: 55px !important;
	} /*
	#awards {
		padding: 38px 60px 71px 40px !important
	} */
	
}
/* Iphone 6/7/8, Iphone X */
@media screen and (max-width: 376px) {
	.header-text1 {
/*		padding-left: 30px !important;
    	padding-right: 30px !important;
    	top: 1% !important;
		left: 2%; */
		font-size: 20px !important;
	}
	.header-text2 {
		font-size: 19px !important;
/*		left: 10% !important;
		top: 2% !important; */
	}
	#gform_1, #free-estimate-text {
		/* margin-left: 30px !important; */
	}
	#gform_submit_button_1 {
		margin-right: 5px !important;
	}
}
/* MotoG4, Galaxy S5 */
@media screen and (max-width: 360px) {
	#free-estimate-container {
		margin-left: -15% !important;
	}
	#awards-container {
		padding: 42px 20px !important;
	}
	#awards {
		/* padding: 38px 40px 71px 30px !important; */
	}
	#add-curb-appeal-text, #add-curb-appeal-p {
		padding-left: 40px !important;
	}
	.learn-more {
		margin-left: 40px !important;
	}
	.header-text1 {
		font-size: 22px !important;
	}
	.header-text2 {
/*		left: 16.5% !important;
		top: 2.1% !important; */
		font-size: 14px !important;
	}
}

/* Iphone 5SE */
@media screen and (max-width: 320px) {
	#gform_fields_1 {
		width: 325px !important;
	}
	#input_1_1_3 {
		width: 240px !important;
	}
	#gform_submit_button_1 {
		margin-right: 52px !important;
	}
	#awards {
		/* padding: 38px 65px 71px 30px !important; */
	}
	#add-curb-appeal-text, #add-curb-appeal-p {
		padding-left: 100px !important;
	}
	#add-curb-appeal-text {
		width: 675% !important;
	}
	.header-text1 {
/*		top: 1.25% !important; */
		font-size: 16px !important;
	}
	.header-text2 {
/*		top: 2% !important; */
		left: 13% !important;
	} /*
	#awards-container {
		padding: 42px 30px !important;
	} */
}
/* Galaxy Fold */
@media screen and (max-width: 280px) {
	#free-estimate-container {
		margin-left: -18% !important;
	}	
	#free-estimate-text {
		padding-right: 10px !important;
	} /*
	#awards {
		padding: 19px 65px 36px 30px !important;
	} */
}













.billestformhp_wrapper #input_1_7, #input_1_7 > div {
    color:  #fff;
	max-width: 500px;
}

@media screen and (min-width: 1024px) {
div#field_1_6.gfield--input-type-captcha label {
	display: none;
}
}

@media screen and (max-width: 800px) {
#awards-row1, #awards-row2, #awards-row3 {
	display: block;
	width: 100%;
	/* align-items: center; */
	/* width: 50vw; */
	/* align-content: stretch; */
	margin: 0 auto;
	/* padding: 0px; */
	/* box-sizing: border-box; */
	/* gap: 0px; */
}

#awards-row1 img, #awards-row2 img, #awards-row3 img {
	/* padding: 10px; */
	scale: 0.6;
	text-align: center;
	display: inline-block;
	width: 31.333%;
	margin: 0;
}

#awards-container span {
	font-size: 24px;
	font-weight: bold;
	color: white;
	font-family: 'Sintony', arial;
	line-height: 1.5em;
}
}


@media screen and (min-width: 801px) and (max-width: 1200px) {
#awards-row1, #awards-row2, #awards-row3 {
	display: flex;
	align-items: center;
	width: 80vw;
	align-content: stretch;
	margin: 0 auto;
	padding: 0px;
	box-sizing: border-box;
	gap: 0px;
}

#awards-row1 img, #awards-row2 img, #awards-row3 img {
	/* padding: 10px; */
	width: 70%;
	height: 70%;
	scale: 0.6;
	margin: 0px;
	text-align: center;
	display: inline-block;
}

#awards-container span {
/* 	font-size: 36px; */
	font-size: 28px;
	font-weight: bold;
	color: white;
	font-family: 'Sintony', arial;
	line-height: 1.5em;
}
}


@media screen and (max-width: 1200px) {
#maroon-and-awards-container {
    position: relative;
    display: block;
    width: 100%;
}

.maroon-and-awards-container {
    position: relative;
    display: block;
	height: 100%;
}

#maroon-rect {
	background-color: #7B0817;
	width: 100%;
	color: #fff;
	position: relative;

	display: block;
}

#awards-h1 {
	font-size: 36px;
	font-weight: bold;
	color: white;
	font-family: 'Sintony', arial;
}

#awards {
	width: 100%;
	display: block;
}

.awards  {
	display: inline-block;
	width: 100%;
	margin: auto;
	padding: 0px;
}





#awards-container {
	display: block;
	width: 100%;
	padding: 50px;
}


}


@media screen and (min-width: 1201px) {
#maroon-and-awards-container {
    position: relative;
    display: block;
    width: 100%;
}

.maroon-and-awards-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;  
    flex-wrap: nowrap;
    padding: 0px;
    gap: 50px;
    align-content: stretch;
    flex-direction: row;
    width: 100%;
	flex-grow: 1;
	height: 100%;

	justify-content: center;
  align-items: stretch;
  align-content: center;
}

#maroon-rect {
	background-color: #7B0817;
	width: 50%;
	color: #fff;
	position: relative;
	flex:0 1 auto;
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: stretch;
}

#awards-h1 {
	font-size: 36px;
	font-weight: bold;
	color: white;
	font-family: 'Sintony', arial;
}

#awards {
	width: 50%;
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: stretch;
}

.awards  {
	display: inline-block;
	width: 100%;
	position:  relative;
	top:  50%;
	left:  50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 0px;
}

#awards-row1, #awards-row2, #awards-row3 {
	display: flex;
	align-items: center;
	width: 100%;
	align-content: stretch;
	margin: 0 0%;
	padding: 0px;
	box-sizing: border-box;
}

#awards-row1 img, #awards-row2 img, #awards-row3 img {
	padding: 10px;
	/* width: 70%; */
	/* height: 70%; */
	scale: 0.75;
	margin: 10px;
	text-align: center;
	display: inline-block;
	flex-basis: 33.333333%;
}

#awards-container {
	display: block;
	width: 100%;
	position:  relative;
    top:  50%;
    left:  50%;
    transform: translate(-50%, -50%);
	padding: 50px;
}

#awards-container span {
/* 	font-size: 36px; */
	font-size: 28px;
	font-weight: bold;
	color: white;
	font-family: 'Sintony', arial;
	line-height: 1.5em;
}
}

/* wrap2 */

#see-our-work {
	font-size: 16px;
	font-weight: bold;
	color: white;
    width: 500px;
	/*font-family: "Tw Cen MT";*/
}
/*
#services-p {
	font-size: 20px;
    padding-right: 378px;
	color: white;
	font-family: 'Montserrat', sans-serif !important;
   
} */

#services-p {
	font-size: 20px;
    width: 456px;
	color: white;
	font-family: 'Montserrat', sans-serif !important;
    /*padding-bottom: 169px;*/
}
#residential-container {
	position: relative;
	text-align: center;
	color: white;
}

#centered {
  position: absolute;
  z-index: 100;
}
/* Commercial Text, Repair Text */
.centered-c, .centered-r, .centered-g {
  position: absolute;
  z-index: 100;
}

.service-img-icon {
	position: absolute;
    left: -105.5%;
    top: 13%;
}

.repair-p, .repair-work {
	margin-left: -6%;
}
.commercial-p, .commercial-work {
	margin-left: 4%;
}


#residential-img {
  /*width: 1920px;*/
  width: 100%;
  height: 407px;
  
  background:
    linear-gradient(
      rgba(0, 89, 167, 0.59), 
      rgba(0, 89, 167, 0.59)
    ),
    /*image*/
    url(/wp-content/uploads/2022/09/shingle61-1.png);
	background-position: center center;
	
}
.r-inner {
	position: absolute;
	bottom: 120px;
    left: 565px;
}
.c-inner {
	position: absolute;
    bottom: 145px;
    left: 545px;
}
.repair-inner {
	position: absolute;
    bottom: 145px;
    left: 625px;
}
.gutter-inner {
	position: absolute;
    bottom: 110px;
    left: 590px;
}
.c-inner2 {
	bottom: 135px;
}
.c-img-text {
	bottom: -25px;
    left: -5px;
}
.r-p, .r-p2, .c-p, .g-p  {
	font-family: 'Montserrat';
    font-weight: 400;
}
.r-inner2, .c-inner2, .gutter-inner2 {
	position: absolute;
    bottom: 50px;
    /* float: right; */
    width: 456px;
    text-align: left;
    font-size: 20px;
    left: 1075px;
    bottom: 100px;
	color: white;
}
.r-p, .c-p, .g-p {
	font-family: 'Montserrat', sans-serif !important;
}
.r-img-text {
	margin-top: 26px;
	margin-left: -10px;
}
#commercial-img {
  width: 1920px;
  height: 500px;
  
  background: 
    linear-gradient(
      rgba(174, 7, 33, 0.59), 
      rgba(174, 7, 33, 0.59)
    ),
    /*image */
    url(/wp-content/uploads/2022/09/bigstock-Flat-Roof-Protective-Covering-4220593401-2.png);
	background-position: center center;
}
#repair-img {
  width: 1920px;
  height: 500px;
  
  background: 
    linear-gradient(
      rgba(0, 43, 127, 0.59), 
      rgba(0, 43, 127, 0.59)
    ),
    /*image */
    url(/wp-content/uploads/2022/09/rickmcgrew3805smainindmo_64055_DSCF79131.png);
	background-position: center center;
}
#gutter-img {
  width: 1920px;
  height: 500px;
  
  background: 
    linear-gradient(
      rgba(123, 8, 23, 0.59), 
      rgba(123, 8, 23, 0.59)
    ),
    /*image */
    url(/wp-content/uploads/2022/09/bigstock-New-White-Rain-Gutter-On-A-Bui-4522286051.png);
	background-position: center center;
}

.paint-img {
    position: absolute;
    left: -98%;
    top: -85%;
}
.gutter-text {
    top: 30%;
    left: -105%;
}

.gutter-p {
	margin-top: -15%;
	margin-left: -1%;
}
/*Icon related */

.fa-angle-right {
	width: 10px;
	height:16px;
}

@media screen and (max-width: 1537px) {
	.repair-img-text {
		margin-top: 26px;
	}
	.r-inner {
		left: 375px;
		position: absolute;
    	bottom: 120px;
	}
	.c-inner, .repair-inner, .gutter-inner {
		left: 375px;
	}
	.r-inner2, .c-inner2, .repair-inner2, .gutter-inner2 {
		left: 875px;
	}
	
	
	.centered-g {
		top: 49.5% !important;
	}
	#p-holder {
		width: 120% !important;
	}
	.commercial-p, .commercial-work {
		margin-left: 2.5%;
	}
	.repair-image {
		margin-left: 10.5%;
	}
	
	#centered {
		top: 76% !important;
		left: 58.5% !important
	}
	
	.repair-p, .repair-work {
		margin-left: -3.5%;
	}
	
	.gutter-p {
		margin-left: 1%;
	}
	.gutter-p, .repair-p, .commercial-p, #services-p {
		padding-right: 50px;
	}
	#services-p {
		width: 500px;
	}
	.paint-img {
		left: -87%;
		top: -61% !important;
	}
	.gutter-text, .gutter-work {
		top: 35%;
		left: -95%;
	}
	.centered-c {
		top: 36% !important;
	}
	.centered-r {
		top: 42% !important;
	}
}
@media screen and (max-width: 1024px) {
	.r-inner {
		position: absolute;
    	bottom: 120px;
    	left: 125px;
	}
	.c-inner {
		left: 125px;
	}
	.repair-inner, .gutter-inner {
		left: 200px
	}
	.r-inner2, .c-inner2, .repair-inner2, .gutter-inner2 {
		left: 550px;
	}
	
	#services-p {
		width: 456px;
	}
	
	.site-header-focus-item {
		margin-bottom: -7%;
	}
		#centered {
		top: 80% !Important;
	}
		.centered-c {
		top: 42.5% !important;
	}
	.centered-r {
		top: 48% !important;
	}
	.centered-g {
		top: 54.5% !important;
	}
	#award-i1, #award-i2, #award-i4,  #award-i5, #award-i7, #award-i8 {
		margin-right: 50px !important;
	}
	
	
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	#centered {
		top: 20% !important;
	}

}
@media screen and (width: 810px) and (height: 1010px){
	.add-curb-appeal-container {
		width:75% !important;
	}
}


@media screen and (max-width: 768px) {
	.r-inner {
		position: absolute;
    	bottom: 120px;
    	left: 25px;
	}
	.c-inner {
		left: 25px;
	}
	.repair-inner, .gutter-inner {
		left: 100px;
	}
	.r-inner2 {
		left: 375px;
		padding-right: 75px;
		bottom: 50px;
	}
	.c-inner2, .repair-inner2, .gutter-inner2 {
		left: 375px;
		padding-right: 75px;
	}
	
	
	#centered {
		top: 5% !important;
	}
	#services-p {
		width: 350px !important;
	}
	.centered-c {
		top: 40% !important;
	}
	.centered-r {
		top: 45.5% !important;
	}
	.centered-g {
		top: 52.5% !important;
	}
	.service-img-icon {
		left: -80.5% ;
	}
	.paint-img {
		left: -66.5% !important;
		top: -10% !important;
	}
	.gutter-text, .gutter-work {
		top: 50% !important;
		left: -75.5% !important;
	}
	.repair-p, .repair-work {
		margin-left: 0 !important;
	}
}
@media screen and (max-width: 540px) {
	#centered {
		left: 53% !important;
	}
	#services-p {
		width: 45% !important;
		font-size: 17px !important;
	}
	.service-img-icon {
		left: -55.5% !important;
    	width: 45% !important;
    	height: 45% !important;
		top: 20% !important;
	}
	#p-holder {
		width: 130% !important;
    	margin-left: -20px;
	}
	#see-our-work {
		font-size: 14px !important;
	}
	.centered-c {
		top: 36% !important;
		left: 54% !important;
	}
	.centered-r {
		top: 41.5% !important;
	}
	.repair-image {
		margin-left: 0 !important;
	}
	.centered-g {
		top: 48% !important;
	}
	.paint-img {
		left: -45.5% !important;
	}
	.gutter-text, .gutter-work {
		top: 58% !important;
    	left: -55.5% !important;
	}
}
@media screen and (max-width: 500px) {
	#awards-images {
		display: block !important;
		height: 100% !important;
		width: 100% !important;
		padding-bottom: 53px !important;
	}
	#awards-images img {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#quality-roof-slider-text {
		padding-left: 20px;
		padding-right: 20px;
	}
	#centered {
		top: 10% !important;
	}
	.centered-c {
		top: 34.5% !important;
		left: 54.5% !important;
	}
	.centered-r {
		top: 39.5% !important;
		left: 57.5% !important;
	}
	.centered-g {
		top: 45.5% !important;
		left: 56% !important;
	}
	.add-curb-appeal-container {
		/* margin-right: 7.5% !important; */
	}
	
}

@media screen and (max-width: 415px) {
	.r-inner, .c-inner, .repair-inner, .gutter-inner {
		bottom: 175px;
		width: 55%;
		height: 55%;
		left: 100px;
	}
	.repair-inner {
		bottom: 155px;
	}
	.gutter-inner2 {
		left: 25px;
    	bottom: 10px !important;
	}
	.gutter-img {
		height: 50%;
	}
	
	.r-inner2, .c-inner2 {
		left: 25px;
		bottom: 10px;
		font-size: 18px;
	}
	.repair-img-text {
		margin-top: 26px;
	}
	.repair-inner2, .gutter-inner2 {
		bottom: 75px;
	}
	.gutter-img-text, .repair-img-text {
		height: 42px;
	}
	
	
	
	
	
	.service-img-icon {
		left: -30.5% !important;
		top: -5% !important;
	}
	#p-holder {
		width: 225% !important;
    	margin-left: -170px;
		margin-top: 36% !important;
	}
	#services-p {
		font-size: 15px !important;
	}
	.centered-r {
		top: 35.75% !important;
	}
	.paint-img {
		left: -23.5% !important;
        width: 30% !important;
		top: -75% !important;
	}
	.gutter-text, {
		width: 50% !Important;
	}
	.gutter-text, .gutter-work {
		top: -25% !important;
		left: -35.5% !important;
	}
	.centered-c {
		top: 30.75% !important;
	}
	.centered-g {
		top: 42.25% !important;
	}
}

@media screen and (max-width: 391px) {
	.repair-inner, .gutter-inner {
		bottom: 175px;
	}
	.repair-img-text {
		margin-top: 10px;
	}
	.repair-inner, .gutter-inner {
		width: 50%;
		height: 50%;
	}
	.c-inner {
		bottom: 175px;
		width: 50%;
		height: 50%;
	}
	.r-img-text {
		margin-top: 10px;
	}
	.r-img {
		margin-bottom: 10px !important;
		width: 35%;
	}
	.r-inner2, .c-inner2 {
		left: 10px;
	}
	.repair-inner2, .gutter-inner2 {
		bottom: 10px;
	}
	.gutter-inner {
		bottom: 175px;
	}
	.gutter-inner2 {
		left: 7px;
		font-size: 18px;
	}
	.gutter-img-text {
		margin-top: 10px;
	}
	.gutter-img {
		height: 45% !important;
	}
	.r-inner {
		width: 50%;
		height: 50%;
		bottom: 175px;
	}
	.r-inner2 {
		bottom: 10px;
		padding-right: 100px;
    	padding-left: 30px;
    	bottom: 20px;
		padding-bottom: 25px;
		font-size: 16px;
	}
	.repair-inner2 {
		padding-right: 105px;
		font-size: 16px;
		padding-bottom: 45px !important;
	}
	.gutter-inner2 {
		padding-left: 30px;
    	padding-right: 100px;
		font-size: 16px;
		padding-bottom: 55px;
	}
	.gutter-img-text {
		margin-top: 10px !important;
	}
	.c-inner2 {
		padding-left: 30px;
   	 	padding-right: 100px;
		font-size: 16px;
		padding-bottom: 55px;
		bottom: 0px;
	}
	.c-img-text {
		bottom: -10px;
	}
		.centered-c {
		top: 31.25% !important;
	}
		.centered-r {
		top: 36% !important;
	}
	.paint-img {
		top: -70% !important;
	}
	.centered-g {
		top: 42.2% !important;
	}
	.commercial-img, .residential-img{
		width: 65% !important;
		height: 65% !important;
	}
	.r-img, .c-img, .repair-img, .gutter-img {
		width: 68px;
    	height: 71px !important;
	}
	
}
@media screen and (max-width: 376px) {
	.gutter-img-text {
		margin-top: 25px;
	}
	.r-inner2 {
		padding-right: 100px;
	}
	.c-inner2 {
		padding-right: 100px;
	}
	.gutter-inner {
		bottom: 175px;
	}
	.r-inner2, .c-inner2, .repair-inner2 {
		bottom: 10px;
	}
	.gutter-inner2 {
		font-size: 18px;
		padding-bottom: 35px;
	}
	
	.paint-img {
    	top: -88% !important;
	}
	.gutter-text, .gutter-work {
		top: -37% !important;
    	left: -37.5% !important;
	}
	#p-holder {
		margin-top: 30% !important;
	}
	.service-img-icon {
		top: -11% !important;
	}
	.centered-c {
		top: 31% !important;
	}
	#centered {
		top: 12.5% !important;
	}
	.centered-r {
		top: 35.75% !important;
	}
}

@media screen and (max-width: 361px) {
	.r-img, .c-img, .repair-img, .gutter-img { 
		width: 35% !important;
    	height: 35% !important;
	}
	.r-inner {
		height: 45%;
		bottom: 195px;
		left: 100px;
    	width: 50%;
	}
	.r-inner2, .c-inner2, .repair-inner2 {
		font-size: 16px;
    	padding-right: 125px;
    	left: 10px;
    	bottom: 0px !important;
	}
	.gutter-inner2 {
		font-size: 16px;
    	padding-right: 125px;
    	left: 10px;
		bottom: 0px !important;
	}
	.gutter-inner {
		bottom: 175px;
	}
	.repair-inner2 {
		bottom: 10px;
	}
	
	
	#centered {
		top: 14% !important;
	}
	.centered-c {
		top: 31% !important;
	}
	.centered-r {
		top: 35.75% !important;
	}
	.centered-g {
		top: 41.75% !important;
	}
	.paint-img {
		top: -57% !important;
	}
	.gutter-text, .gutter-work {
		top: -13% !important;
    	left: -40.5% !important;
	}
	.repair-image {
		top: -10% !important;
	}
	.paint-img {
		top: -77% !important;
	}
	.gutter-text {
		width: 50% !important;
	}
	.gutter-text, .gutter-work {
		top: -27% !important;
    	left: -31.5% !important;
    	
	}
}
@media screen and (max-width: 321px) {
	.r-inner2 {
		padding-right: 170px;
	}
	.r-img {
		width: 35%;
		height: 35%;
	}
	.r-inner2, .c-inner2, .gutter-inner2 {
		padding-right: 150px;
	}
	.repair-inner2, .gutter-inner2 {
		bottom: 25px !important;
	}
	
}


	/*
	.centered-g {
		top: 55% !important;
	}
	.paint-img {
		top: -55% !important;
	}
	.gutter-text, .gutter-work {
		top: 40% !important;
	}
	.gutter-p {
		padding-right: 10%;
	}
	.repair-p {
		margin-left: -2.5%;
    	margin-top: 60%;
    	padding-right: 10%;
	}
	.repair-image {
		top: 65%;
	}
	.commercial-p {
		margin-top: 65%;
        padding-right: 10%;
	}
	.service-img-icon {
		top: 65%;
	}
	#centered {
		top: 80% !important;
	} */




/*
#residential-containerx {
    position:relative;
    width: 100%;
    height: 407px;
    background:
    linear-gradient(
      rgba(0, 89, 167, 0.59), 
      rgba(0, 89, 167, 0.59)
    ),

    url(/wp-content/uploads/2022/09/shingle61-1.png);
    background-position: center center;
    color:  #fff;
    display:  block;
}

.innercontainerwrapp {
    width:  60%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    padding: 15px;
    gap: 50px;
    align-content: center;
    flex-direction: row;
    margin-top: 10px;
    position:  absolute;
    top:  50%;
    left:  50%;
    transform: translate(-50%, -50%);
}
		
	
.r-innerx {
	flex: 0 0 auto;
	margin: 15px;
}

.r-inner2x {
	margin: 15px;
	font-size: 20px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 70%;
}

span.see-our-workx {
	font-size: 16px;
	font-weight: bold;
	color: white;
    width: 500px;
	
}

*/
#services-container.residential {
	background-image: url(/wp-content/uploads/2022/10/services-shingle-hp-opt.jpg);
}

#services-container.residential:after {
	background-color:rgba(0, 89, 167, 0.59);
}

#services-container.commercial {
	background-image: url(/wp-content/uploads/2022/10/services-commercial-hp-opt.jpg);
}

#services-container.commercial:after {
	background-color: rgba(174, 7, 33, 0.59);
}

#services-container.repair {
	background-image:  url(/wp-content/uploads/2022/10/services-repair-hp-opt.jpg);
}

#services-container.repair:after {
	background-color:rgba(0, 89, 167, 0.59);
}

#services-container.gutters {
	background-image: url(/wp-content/uploads/2022/10/services-gutters-hp-opt.jpg);
}

#services-container.gutters:after {
	background-color: rgba(174, 7, 33, 0.59);
}

@media screen and (max-width: 800px) {
#services-container {
    position: relative;
    width: 100%;
    height: 447px;
    background-position: center center;
	background-repeat: no-repeat;
    color:  #fff;
    display:  block;
	z-index: 1;
	border-bottom: 1px solid #fff;
}
	.gutters #innercontainerwrapp{
		padding-bottom: 50px; !important
	}

#services-container:after {
	content: "";
    position:absolute;
    width: 100%;
    height: 100%;
    display:  block;
	top: 0;
	left: 0;
	z-index: -1;
}
	
#services-container .innercontainerwrapp {
    width:  90%;
    display: block;
	margin: 0px auto;
	padding: 10px;
    position:  absolute;
    top:  50%;
    left:  50%;
    transform: translate(-50%, -50%);
}

#services-container .inner {
	margin: 15px;
}

#services-container .inner img.img {
	scale: .75;
}

#services-container .inner img.img-text {
	scale: .5;
}

#services-container .inner2 {
	margin: 15px;
	font-size: 16px;
	line-height: 1.5em
}

#services-container span.see-our-works {
	font-size: 16px;
	font-weight: bold;
	color: white;
    width: 500px;
	/*font-family: "Tw Cen MT";*/
}
}


@media screen and (min-width: 801px) {
#services-container  {
    position:relative;
    width: 100%;
    height: 407px;
    background-position: center center;
	background-repeat: no-repeat;
    color:  #fff;
    display:  block;
	z-index: 1;
	border-bottom: 1px solid #fff;
}


#services-container:after {
	content: "";
    position:absolute;
    width: 100%;
    height: 100%;
    display:  block;
	top: 0;
	left: 0;
	z-index: -1;
}

#services-container .innercontainerwrapp {
    width:  60%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    padding: 15px;
    gap: 50px;
    align-content: center;
    flex-direction: row;
    margin-top: 10px;
    position:  absolute;
    top:  50%;
    left:  50%;
    transform: translate(-50%, -50%);
}

#services-container .inner {
	flex: 0 0 auto;
	margin: 15px;
}

#services-container .inner2 {
	margin: 15px;
	font-size: 20px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 70%;
}

#services-container span.see-our-works {
	font-size: 16px;
	font-weight: bold;
	color: white;
    width: 500px;
	/*font-family: "Tw Cen MT";*/
}
}

/* wrap 3 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,600;1,400&family=Oswald:wght@700&family=Roboto:wght@700&display=swap');

#white-rect {
	width: 100%;
}

#kansas-holder {
	/*margin-right: auto;
    margin-left: auto;*/
	
    width: 839px;
	width: 50%;
    padding-top: 74px;
    padding-bottom: 84px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.kansas-city-roofers {
	font-size: 48px;
	color: #1a1818;
	font-weight: bold;
	font-family: Globe;
}

.providing-quality-roof {
	font-size: 28px;
	font-weight: 600;
	color: #1a1818;
	font-family: 'Montserrat';
	width: 85%;
	text-align: center;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1.2;
}

#blue-rect2 {
	width: 100%;
	height: auto; /*169px*/
	background-color: #002B7F;
}

#contact-free-text {
	font-size: 40px;
	font-weight: bold;
	/*font-family: Tw Cen MT; */
	color: white;
}
#contact-free-text a {
	color: white;
}

#contact-free-holder {
	width: 37%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 41px;
	padding-bottom: 42px;
}

@media screen and (max-width: 1024px) {
	
	#contact-free-holder {
		width: 75% !important;
	}
}

@media screen and (max-width: 768px) {
	
	#kansas-holder {
		width: 700px !important;
		width: 90% !important;
	}
	.kansas-city-underline {
	  text-underline-offset: 10px !important;
	}
}
@media screen and (max-width: 540px) {
	#kansas-holder {
		width: 85% !important;
	}
	#contact-free-holder {
		padding-top: 30px !important;
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		
	}

}
@media screen and (max-width: 415px) {
	#white-rect {
		height: 100% !important;
	}
	#contact-free-text {
		font-size: 33px !important;
	}
	#contact-free-holder {
		padding-top: 30px !important;
	}
}
@media screen and (max-width: 376px) {
	#contact-free-text {
		font-size: 30px !important;
	}
}

/* wrap 4 */

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Oswald:wght@700&family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;600&family=Oswald:wght@700&family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,600;1,400&family=Oswald:wght@700&family=Roboto:wght@700&display=swap');
@import url(//db.onlinewebfonts.com/c/5d246fe92931a92e7355fe67b5ad609f?family=Tw+Cen+MT); */


@media screen and (max-width: 800px) {
#red-bg-and-img {
	width: 100%;
	/* height: 818px; */
	display: block;
	position: relative;
}

.red-bg-and-img {
	 position: relative;
    display: block;
	width: 100%;
}


.add-curb-appeal-img {/* float: left; */height: 100%;width: 100%; margin: 0;}

.add-curb-appeal-container {
	/* float: right; */
	/* padding-top: 216px; */
	/* padding-left: 105px; */
	/* padding-right: 350px; */
	/* position:  absolute; */
	/* top:  50%; */
	/* left:  50%; */
	/* transform: translate(-50%, -50%); */
	margin: 0;
	/* padding: 50px; */
	padding: 20px;
	width: 100%;
	margin: 0 auto;
}
.notmaroon-bg2 {
	width: 100%;
	color: #fff;
	position: relative;
	display: block;
}

#maroon-bg2 {
	background-color: #7B0817;
	width: 100%;
	color: #fff;
	position: relative;
	display: block;


	/* height: inherit; */
}
/*
#add-curb-appeal-text {
	font-size: 43.6px;
	font-weight: bold;
	text-align: left;
	color: white;
}

#add-curb-appeal-p {
	font-family: 'Montserrat';
	font-size: 20px;
	color: white;
	text-align: left;
	width: 360px;
	margin-top: 24px;
	font-weight: 400;
}
*/
.learn-more {
	color: #1a1818;
	font-size: 20px;
	font-weight: 600;
	border-radius: 5px;
	/*width: 177px;*/
	height: 53px;
	font-family: 'Montserrat', sans-serif;
	background-color: #FFE815;
}
.learn-more a {
	font-family: 'Montserrat', sans-serif;
	color: #1a1818;
	background-color: #FFE815;
	width: 177px;
	
}
}


@media screen and (max-width: 1024px) {
.learn-more-link.thefreeest {
    display: block;
}
}

@media screen and (min-width: 1025px) {
.learn-more-link.thefreeest {
    display: none !important;
}
}




@media screen and (min-width: 801px) {
#red-bg-and-img {
	width: 100%;
	/* height: 818px; */
	display: block;
	position: relative;
}

.red-bg-and-img {
	 position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;  
    flex-wrap: nowrap;
    padding: 0px;
    gap: 0px;
    align-content: stretch;
    flex-direction: row;
    width: 100%;
	flex-grow: 1;
	height: 100%;

	justify-content: center;
  align-items: stretch;
  align-content: center
}


.add-curb-appeal-img {

	/* float: left; */
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.add-curb-appeal-container {
	/* float: right; */
	/* padding-top: 216px; */
	/* padding-left: 105px; */
	/* padding-right: 350px; */
	position:  absolute;
	top:  50%;
	left:  50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 0px;
}
.notmaroon-bg2 {
	width: 50%;
	/* height: inherit; */
	width: 50%;
	color: #fff;
	position: relative;
	flex:0 1 auto;
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: stretch;
}

#maroon-bg2 {
	background-color: #7B0817;
	width: 51%;
	color: #fff;
	position: relative;
	flex:0 1 auto;
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: stretch;

	/* height: inherit; */
}



.learn-more {
	color: #1a1818;
	font-size: 20px;
	font-weight: 600;
	border-radius: 5px;
	/*width: 177px;*/
	height: 53px;
	font-family: 'Montserrat', sans-serif;
	background-color: #FFE815;
	transition: all .2s;
}
.learn-more a {
	font-family: 'Montserrat', sans-serif;
	color: #1a1818;
	background-color: #FFE815;
	width: 177px;
	
}
}




@media screen and (max-width: 800px) {
#add-curb-appeal-text {
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	color: white;
}

#add-curb-appeal-p {
	font-family: 'Montserrat';
	font-size: 18px;
	color: white;
	text-align: left;
	/* width: 380px; */
	margin-top: 20px;
	font-weight: 400;
}
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
#add-curb-appeal-text {
	font-size: 2.5vw;
	font-weight: bold;
	text-align: left;
	color: white;
}

#add-curb-appeal-p {
	font-family: 'Montserrat';
	font-size: 18px;
	color: white;
	text-align: left;
	width: 380px;
	margin-top: 20px;
	font-weight: 400;
}
}
/*
@media screen and (min-width: 801px) and (max-width: 10400px) {
#add-curb-appeal-text {
	font-size: 2.5vw;
	font-weight: bold;
	text-align: left;
	color: white;
}

#add-curb-appeal-p {
	font-family: 'Montserrat';
	font-size: 18px;
	color: white;
	text-align: left;
	width: 380px;
	margin-top: 20px;
	font-weight: 400;
}
}
*/
@media screen and (min-width: 1001px) and (max-width: 1400px) {
#add-curb-appeal-text {
	font-size: 3vw;
	font-weight: bold;
	text-align: left;
	color: white;
}

#add-curb-appeal-p {
	font-family: 'Montserrat';
	font-size: 20px;
	color: white;
	text-align: left;
	width: 380px;
	margin-top: 24px;
	font-weight: 400;
}
}

@media screen and (min-width: 1401px) {
#add-curb-appeal-text {
	font-size: 43.6px;
	font-weight: bold;
	text-align: left;
	color: white;
}

#add-curb-appeal-p {
	font-family: 'Montserrat';
	font-size: 20px;
	color: white;
	text-align: left;
	width: 380px;
	margin-top: 24px;
	font-weight: 400;
}
}
















@media screen and (max-width: 800px) {
.Wrap4Inner {
	width: 90%;
	position:  absolute;
	top:  50%;
	left:  50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 0px;
	/* background:  #f00; */
}


h2#quality-roof-slider-text {
    font-size: 7vw;
    color: white;
    text-align: center;
    text-shadow: 0px 3px 18px rgb(0 0 0 / 68%);
    /* padding-top: 163px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
}
}

@media screen and (min-width: 801px) and (max-width: 1200px){
.Wrap4Inner {
	width: 70%;
	position:  absolute;
	top:  50%;
	left:  50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 0px;
	/* background:  #f00; */
}

h2#quality-roof-slider-text {
    font-size: 6vw;
    color: white;
    text-align: center;
    text-shadow: 0px 3px 18px rgb(0 0 0 / 68%);
    /* padding-top: 163px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
}
}


@media screen and (min-width: 1201px) {
.Wrap4Inner {
	width: 70%;
	position:  absolute;
	top:  50%;
	left:  50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 0px;
	/* background:  #f00; */
}

h2#quality-roof-slider-text {
    font-size: 58px;
    color: white;
    text-align: center;
    text-shadow: 0px 3px 18px rgb(0 0 0 / 68%);
    /* padding-top: 163px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
}
}


#quality-roof-slider {
	width: 1903px;
	width: 100%;
	height: 100vh;
	/* min-height: 800px; */
	/* background: url("/wp-content/uploads/2022/10/kansas-city-for-hp-reviews.jpg") no-repeat; */
	background: url("/wp-content/uploads/2022/11/kansas-city-for-hp-reviews.webp") no-repeat;
	/*	background-image: url("https://devbillwest.wpengine.com/wp-content/uploads/2022/10/kansas-city-for-hp-reviews.jpg"); */
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0px;
}

.reviewSlide {
	font-size: 20px;
	color: white;
	text-shadow: 0px 3px 12px rgba(0, 0, 0, 0.74);
	/* padding-left: 420px; */
	/* padding-right: 419px; */
	text-align: center;
	padding-top: 45px;
	margin-left: auto;
	margin-right: auto;
}
.dots {
	position: relative;
	padding-top: 0px;
	text-align: center;
	width: 100%;
	/* background: #000; */
}
	
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #E8E8E8;
    border-radius: 50%;
    display: inline-block;
	opacity: 50%;
}

.active, .dot:hover {
	background-color: white;
	opacity: 100% !important;
}

/*
#quality-roof-slider {
  width: 1920px;
  height: 814px;
  
  background: 
    linear-gradient(
      rgba(62, 4, 12, 0), 
      rgba(0, 43, 127, 0.95),
	  rgba(0, 43, 127, 1)
    ),
  
    url(/wp-content/uploads/2022/06/bigstock-Kansas-City-Missouri-USA-dow-3639055451-1.png); 
} */



#slider-quote, .author {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-style: italic;
}

@media screen and (max-width: 1536px) {
	.review-slideshow-container {
		/* margin-right: -12%; */
		position:  relative;
	}
	#quality-roof-slider {
		width: 100% !important;
	}
	.reviewSlide {
    /* padding-left: 15%; */
    /* padding-right: 24%; */
 }
	}
@media screen and (max-width: 1024px) {
	#quality-roof-slider-text {
		/* padding-top: 100px !important; */
	}

}
@media screen and (max-width: 1024px) and (min-width: 768px) {


}
@media screen and (max-width: 768px) {
	
	#slider-quote, .author {
		font-size: 17px !important;
	}
	.dots {
		padding-top: 0px !important;
	}
	#quality-roof-slider-text {
		/* padding-top: 100px !important; */
	}
	#awards-images a img {
		padding-top: 25px;
	}
}
@media screen and (max-width: 540px) {

	#quality-roof-slider {
    /* height: 1375px !important; */
    /* background: url("/wp-content/uploads/2022/06/bigstock-Kansas-City-Missouri-USA-dow-3639055451-overlay-1.png"), no-repeat; */
    /* background-size: cover; */
 }
	#quality-roof-slider-text {
		/* padding-top: 80% !important; */
	}
}
@media screen and (max-width: 501px) { 
	
}
@media screen and (max-width: 415px) {

	#quality-roof-slider {
		/* height: 1400px !important; */
	}
	.reviewSlide {
		padding-top: 5px !important;
	}
}
@media screen and (max-width: 391px) {
/*
	#quality-roof-slider {
		height: 1575px !important;
	}
	#quality-roof-slider-text {
		padding-top: 85% !important;
	} */
}
@media screen and (max-width: 376px) {
/*
	#quality-roof-slider {
		height: 1550px !important;
		padding-top: 10% !Important;
	}
	.reviewSlide {
		padding-left: 10% !important;
		padding-right: 22% !important;
	} */
}
@media screen and (max-width: 361px) {
	/*
	#quality-roof-slider {
		height: 15px !important;
		padding-top: 10% !Important;
		height: 1600px !important;
	} */

}
@media screen and (max-width: 321px) {

/*
	#quality-roof-slider {
		height: 1775px !important;
	}
*/
}

@media screen and (max-width: 280px) {
/*
	#quality-roof-slider {
		height: 1925px !important;
	} */
}

/* wrap 5 */

#awards-images {
	/* height: 269px; */
	width: 100%;
	background-color: white;
	/* display: flex; */
	/* padding-top: 53px; */
	/* padding-left: 10%; */
	/* padding-right: 10%; */
	display: block;
	position: relative;
	margin: 0 auto;
	padding:  20px 0;
}

@media screen and (max-width: 768px) {
.awards-images {
	width: 90%;
	display: block;
	margin:  0 auto;
}
}

@media screen and (min-width: 769px) {
.awards-images {
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin:  0 auto;
}

.awards-images img {
	object-fit: contain;
	text-align: center;
}
}


@media screen and (max-width: 1536px) {
	.image1 {
		margin-right: 64px !important;
	}
	#awards-image {
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 1024px) {
	
	#awards-images {
		/* width: 40%; */
	}
}
@media screen and (max-width: 541px)  {
	#awards-images {
		/* padding-right: 11% !important; */
	}
	}

@media screen and (max-width: 415px) {
	.awards-image4 {
		padding-top: 35px !important;
		padding-left: 20px !important;
	}
}