body{
	font-family: 'Roboto', sans-serif;

}
header{
	line-height: 1;
}
.rslides{
	z-index: -1;
	background-color: #000;
}

.red{
	color:#f80000;
}

.estimates{
	font-size: 29px;
	letter-spacing: 0;
}
.phone{
	font-size: 37px;	
}
.header-line{
	border-left: solid 2px #ddd;
	text-align: right;
}
.hero-heading{
	font-size: 44px;
	font-weight: bold;
	color:#fff;
	text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000, 2px 2px 1px #000, 2px -2px 1px #000, -2px 2px 1px #000, -2px -2px 1px #000, 2px 2px 30px #111, 2px -2px 30px #111, -2px 2px 30px #111, -2px -2px 30px #111;
	line-height: 3rem;
}
.hero-outer{
	position:relative;
	}
.hero-content{
	position:absolute;
	top:25%;
	bottom:20%;
	right:0;
	left:10%;
	}
.box{
	height: 200px;
	background-size: cover;
	background-color: #f80000;
	background-blend-mode: normal;
	border:2px solid #000;

}
.box:hover{
	background-blend-mode: multiply;
	box-shadow: 1px 1px 5px 1px #222;
}
 .box-link a:hover{
	text-decoration: none;
}
.box1{
	background-image:url("../images/box1.jpg");
}
.box2{
	background-image:url("../images/box2.jpg");
}
.box3{
	background-image:url("../images/box3.jpg");
}
.box4{
	background-image:url("../images/box4.jpg");
}
.box5{
	background-image:url("../images/box5.jpg");
}
.box-text{
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	font-size: 40px;
	text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000, 2px 2px 1px #000, 2px -2px 1px #000, -2px 2px 1px #000, -2px -2px 1px #000, 2px 2px 30px #000, 2px -2px 30px #000, -2px 2px 30px #000, -2px -2px 30px #000;
}
.calltoaction{
	
}
.call-text{
	color:#FFF;	
	font-size: 40px;
	text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000, 2px 2px 1px #000, 2px -2px 1px #000, -2px 2px 1px #000, -2px -2px 1px #000, 2px 2px 30px #000, 2px -2px 30px #000, -2px 2px 30px #000, -2px -2px 30px #000;
}
.parallax-section{
	padding:50px 15px;
	text-align: center;
}
.copyright, .copyright a{
	text-align: center;
	background:#000;
	color:#fff;
}
/**NAVBAR**/
.nav-bg{
	background-color: #000;
}
.navbar { /* navbar styles */
	background:#000;
	padding:0 1rem;
}

.nav-link { /* top level link */
  color:#fff;
  font-size:24px;
	padding:.25rem .5rem;
}

.nav-link:hover {
background-color:#f80000;
text-shadow: 1px 1px 1px #000; /* top level link hover */
color:#fff;
}

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

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

.dropdown-item:hover { /* dropdown link hover */
	 color:#FFF;
	 background:#00F;
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#fff;
	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(256, 256, 256)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* 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);
	}
}





/**END NAVBAR**/


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

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
	.navbar{
		  
		padding:0.25rem 0;
	}
	.hero-content{
	position:absolute;
	top:15%;
	bottom:15%;
	right:0;
	left:10%;
	}
	.hero-heading{	
	text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000, 2px 2px 1px #000, 2px -2px 1px #000, -2px 2px 1px #000, -2px -2px 1px #000, 2px 2px 20px #111, 2px -2px 20px #111, -2px 2px 20px #111, -2px -2px 20px #111;
}
}

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

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
	
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {
	.hero-content{
	position:absolute;
	top:15%;
	bottom:15%;
	right:0;
	left:5%;
	}
	.hero-heading{
	font-size: 22px;
	line-height: 1.5rem;
	}
}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {
	.hero-content{
	position:absolute;
	top:25%;
	bottom:15%;
	right:0;
	left:10%;
	}
	.hero-heading{
		font-size: 28px;
		line-height: 2rem;
	}
}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
	.estimates{
	font-size: 23px;
	}
	.phone{
		font-size: 29px;	
	}
	.nav-link{
		font-size: 20px;
	}
	.box-text{
		font-size: 32px;
	}
}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {
	.nav-link{
		font-size: 20px;
	}
}

/**XLG**/
@media (min-width: 1200px) {
	.hero-content{
	position:absolute;
	top:30%;
	bottom:20%;
	right:0;
	left:10%;
	}
	.hero-heading{
	font-size: 48px;
		line-height: 3.5rem;
	}
}