header {background-color:#131313;}
.phone {font-family:'Work Sans',Arial, Helvetica, sans-serif;color:#f4f4f4;font-weight:bold;font-size:1.5em;padding-right:5px; letter-spacing:1px;}
a {color:#a93e2c}
.white {color:#f4f4f4;}
.social a {color:#f4f4f4;padding:0 2px;margin-right:2px;}
.overlay:after {
    content:"";
    display:block;
    position:absolute;
    top:60%;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:0.5;
}
.carousel-caption2 {
    position: absolute;
    right: 15%;
    top: 10%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
	font-family:'Raleway',Arial, Helvetica, sans-serif;
}
.carousel-inner {background-color:#131313}
.carousel-caption2 .h5 {font-size:1.3em;}
.carousel-caption2 .h1 {font-size:3rem;text-transform:uppercase;}
.carousel-caption {width:55%;font-family:'Work Sans',Arial, Helvetica, sans-serif;color:#f4f4f4;font-weight:normal;font-size:1em;line-height:2em;padding-top:0;bottom:5px;}
.carousel-caption p {text-shadow:2px 2px 2px rgba(0,0,0,.5)}
.bkgrd {background-color:#797058}
.bkgrd-gray {background-color:#131313}
.about-bkgrd {background-image:url(../images/hm-about-us.jpg);background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;color:#f4f4f4;line-height:2em;}
.hm-title {color:#f4f4f4;font-family:'Work Sans',Arial, Helvetica, sans-serif;font-size:2rem;font-weight:bold;text-transform:uppercase;}
.hm-intro {color:#ffffff;font-family:'Work Sans',Arial, Helvetica, sans-serif;font-size:1.1em;}
.bk-gray {background-color:#232324;min-height:400px}
.color-gray {color:#232324}
.bk-gold {background-color:#977629}
.services {color:#f4f4f4;font-family:'Work Sans',Arial, Helvetica, sans-serif;background-image: linear-gradient(rgba(35, 35, 36, .8), rgba(35, 35, 36, 0.8),rgba(35, 35, 36, 0.9)), url("../images/renovations-bkgrd.jpg");}
.about {color:#f4f4f4;font-family:'Work Sans',Arial, Helvetica, sans-serif;background-image: linear-gradient(rgba(35, 35, 36, .8), rgba(35, 35, 36, 0.8),rgba(35, 35, 36, 0.9))}
.services .title-service, .services {text-shadow:2px 2px 2px rgba(0,0,0,.3);}
.title-service {color:#d0a958;font-size:2em;font-weight:bold;text-transform:uppercase;}
.new-home-bkgrd>span {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
.new-home-bkgrd {vertical-align: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.text-shadow {text-shadow:2px 2px 2px rgba(0,0,0,.3);}
footer {background-color:#232324;color:#f4f4f4;font-family:'Work Sans',Arial, Helvetica, sans-serif;}
.copyright {font-size:.8em;}
footer .social {border:none;}
/*button*/
.btn-orange{color:#fff;background-color:#a93e2c;border-color:#8c2f20;font-weight:bold;text-shadow:none;}
.btn-orange:hover{color:#fff;background-color:#8c2f20;border-color:#a07f3a}
.btn-orange:focus,.btn-orange.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-orange.disabled,.btn-orange:disabled{color:#232324;background-color:#031e06;border-color:#005a5a}
.btn-orange:not(:disabled):orange(.disabled):active,.btn-orange:not(:disabled):not(.disabled).active,.show>.btn-orange.dropdown-toggle{color:#232324;background-color:#7e1c0c;border-color:#000}
.btn-orange:not(:disabled):not(.disabled):active:focus,.btn-gold:not(:disabled):not(.disabled).active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,0,0.5)}

.btn-gold{color:#232324;background-color:#d0a958;border-color:#a07f3a;font-weight:bold;text-shadow:none;}
.btn-gold:hover{color:#fff;background-color:#a07f3a;border-color:#a07f3a}
.btn-gold:focus,.btn-gold.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-gold.disabled,.btn-gold:disabled{color:#232324;background-color:#031e06;border-color:#005a5a}
.btn-gold:not(:disabled):not(.disabled):active,.btn-gold:not(:disabled):not(.disabled).active,.show>.btn-gold.dropdown-toggle{color:#232324;background-color:#0a1d2f;border-color:#000}
.btn-gold:not(:disabled):not(.disabled):active:focus,.btn-gold:not(:disabled):not(.disabled).active:focus,.show>.btn-gold.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,0,0.5)}
/**testimonials*/
blockquote::before {
    font-family: Arial;
    content: "\201C";
    color: #d0a958;
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: -10px;
}
blockquote {
    font-size: 1.2em;
    margin: 40px auto;
    font-family: Open Sans;
    font-style: italic;
    color: #f4f4f4;
    padding: 1em 30px 1em 55px;
    /*border-left: 5px solid #d0a958;*/
    line-height: 1.6;
    position: relative;
}
/*gallery*/

.gallery img {
	box-shadow:2px 2px 5px rgba(0,0,0,0.29);
	transition:transform .25s ease-in-out, filter .3s ease-in-out;
}

.gallery h2 {
	color:#a93e2c;
	position:relative;
	font-size:1.2em;
	transition:color .25s ease-in-out;
	margin-top:.5em;
}

/*.gallery h2:after {
	content:"";
	position:absolute;
	bottom:-5px;
    height:3px;
	background:#0e77bb;
	left:51%;
	right:51%;
	transition:left .25s, right .25s
}*/

.gallery:hover h2 {
	color:#fff;
}

.gallery:hover h2:after {
	left:30px;
	right:30px;
}

.gallery a:hover {
	text-decoration:none;
}

.gallery:hover img {
	transform:translateY(-8px) scale(1.03,1.03);

}
/**NAVBAR**/

.navbar { /* navbar styles */
	background-color:transparent;
	padding:0 1rem;
	font-family:'Raleway',Arial, Helvetica, sans-serif;
}

.nav-link { /* top level link */
  color:#f4f4f4;
  font-size:.9em;
}

.nav-link:hover {
  color:#d0a958; /* top level link hover */
}

.dropdown-menu { /* dropdown menu styles */
	background:#FFF;
}

.dropdown-item { /* dropdown link */
	 color:#000;
}

.dropdown-item:hover { /* dropdown link hover */
	 color:#f4f4f4;
	 background:#d0a958;
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#f4f4f4;
	border-radius:8px;
}

.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.hm-soon img {
	max-width: 100%;
}

.hm-soon {
	background-color: #000;
	color: #fff;
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
		color:#fff;
	}
	.service-min-height {min-height:430px;}
}

/**END NAVBAR**/



/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
.carousel-caption2 .h1 {font-size:1.2em}
.carousel-caption2 .h5 {font-size:.8em}
.carousel-caption2 {top:9%}
.overlay:after {display:none;}	
.phone {font-size:1.2em;}
a.phone-link {color:#fff;}
}

/**MD & DOWN*/
@media (max-width: 991px) {

}

/**LG & DOWN**/
@media (max-width: 1199px) {
.about-min-height {min-height:460px;}	
}
/**SM & UP*/
@media (min-width: 576px) {
	.social {border-left:1px solid #f4f4f4;padding-left:12px;padding-right:.5em}	
}
/**MD & UP*/
@media (min-width: 768px) {
.h-md-100 {
height: 100% !important;
}
a.phone-link {text-decoration:none;color:#fff; cursor:default;}
}

/**LG & UP**/
@media (min-width: 992px) {
.h-lg-100 {
height: 100% !important;
}
}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {
	.hm-soon img {
		max-width: 100%;
		padding-top: 5px;
	}
}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {

}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
.overlay:after {top:43%;}
.carousel-caption {line-height:1.5em;width:70%}
.carousel-caption2 .h1 {font-size:2.2em}
.carousel-caption2 {top:4%}
}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {
.overlay:after {top:48%;}
.carousel-caption {line-height:1.5em;}
.carousel-caption2 .h1 {font-size:3em}
}

/**XLG**/
@media (min-width: 1200px) {

}