body{
	font-family: 'Kreon', sans-serif;
}

header, footer{
	background:#bcbcbc;
	border-top:8px solid #000;
	border-bottom:8px solid #000;
}
.phone{
	color:#000;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}
.phone img{
	margin-top: -6px;
}
.phone-footer{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}

.hero-outer{
	position:relative;
	}
.hero-content{
	position:absolute;
	top:20%;
	bottom:0;
	right:0;
	left:0;
	}
.rslides{
	z-index: 0;
}

h1, h2, .phone{
	font-family: 'Kreon', serif;
}
h1{
	font-weight: bold;
	text-align: center;
	text-wrap: balance;
}
p, .call-text, .btn-quote, .btn{
	font-family: 'Cambay', sans-serif;
	font-size: 18px;
}
.home-intro{
	font-size: 22px;
	font-weight: bold;
}
.box-bg{
	background:#b5b5b5;
}
.box-content p{
	font-size: 17px;
}
.box-heading{
	font-size:28px;
	
}
.box-icon, .fa-solid, .fa-regular{
	font-size: 2em;
	
}
.brands{
	border-top:1px #ccc solid;
}

.model h2{
	font-size:26px;
	font-weight: bold;
}
.description{
	margin-bottom: 20px;
}
.features{
	font-size: 20px;
	font-weight: 500;
}
.features ul{
	font-size: 18px;
}

.copier{
	display: block;
	margin:15px auto;
}

.call-header{
	font-size: 32px;
}
.call-text{
	font-size: 20px;
}
.parallax-section {
	text-align: center;
	padding: 80px 15px;
	background-position: right;
	color:#fff;
}
.map{
	height:350px;
	width:100%;
	margin-bottom:-7px;
}




.underlined-text{
 text-decoration: underline 2px;
 text-decoration-color: transparent;
 transition: 800ms;

 /*add those for opera and mozilla support*/
 -webkit-text-decoration-color: transparent;
 -moz-text-decoration-color: transparent;
}

.underlined-text:hover{
 text-decoration-color: #000;
 transition: 1s;
 /*add those for opera and mozilla support*/
 -webkit-text-decoration-color: red;
 -moz-text-decoration-color: red;
}
/**NAVBAR**/

.navbar { /* navbar styles */
	background:transparent;
	padding:0 1rem;
}

.nav-link { /* top level link */
  color:#000;
  font-size:18px;
	font-weight: bold;
	line-height: 1;
}

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

.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:#000;
	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(0, 0, 0)' 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) {
	.description{
	max-width: 280px;
}
}

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

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

/**MD & UP*/
@media (min-width: 768px) {
	.copier{
		margin:0;
		float:right;
		
	}
	.btn-quote{
		background:#b70000;
		color:#fff;
		border-radius:8px;
		margin-top:2px;
		padding:4px 10px ;
		line-height: 1.75;
		vertical-align:middle;
		max-height:36px;
		
	}
	.btn-quote:hover{
		background:#e80001;
		color:#fff;
		text-decoration: none!important;
		
	}
}

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

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {
	.description{
		border-bottom: solid 1px #ccc;		
	}
}

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

}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
	
}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {

}

/**XLG**/
@media (min-width: 1200px) {
.hero-content{
	position:absolute;
	top:30%;
	bottom:0;
	right:0;
	left:0;
	}
}