.border-box{
	box-sizing: border-box !important;
}
.navdiv {
	background: url(../img/header-bg.jpg) repeat;
	padding:0px;
	margin:0px;
}


.navbar{
  background: url(../img/header-bg.jpg) repeat;
  font-weight:700;
  text-transform:uppercase;
  font-family:"Roboto Condensed";
  font-size: 26px;
  color:#bf1e2d;
  text-align:center;
  text-decoration:none;
  padding: 20px 0px;
}

a.navlink{
	padding:0;
	margin-right:30px;
	margin-left:30px;
	color:#bf1e2d;
}

a.navlink:hover,
a.navlink:active
{
    color: #000;
	text-decoration:none; 
}

.menuu{
	color:#fff;
	padding:0px;
	margin:0px;
	text-align:left;
	font-weight:400;
  	text-transform:uppercase;
 	font-family:"Roboto Condensed";
  	font-size: 24px;
}

.dropdown-menu {
  background-color:#bf1e2d;
}

.dropdown-item {
  color:#fff;
  font-size:22px;
}

.dropdown-item:active {
  background-color:#bf1e2d;
}

.navbar-toggler-icon {filter: brightness(0) invert(1)}


.ssmain {padding:0px;margin:0px;}

.blackbar {
	width:100%;
	color:#ffffff;
	background: 
    linear-gradient(
      rgba(0, 0, 0, 0.8), 
      rgba(0, 0, 0, 0.8)
    ),
    /* bottom, image */
    url(../img/slideshow-1.jpg) no-repeat bottom;
	background-size: cover; 
	height: auto;
	padding: 20px 20px;
}

.four {
/*	width:24%;*/
	float:left;
/*	margin:2% 1%;*/
	padding:10px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family:"Roboto Condensed";
	font-weight:700;
	font-size:20px;
}

.four a {
	color:#fff;
	text-decoration:none;
	vertical-align: middle;
}

a.buttonlink:hover,
a.buttonlink:active
{
    color: #bf1e2d;;
	text-decoration:none; 
}



.ssinventory {
	padding:40px;
	margin:0px;
	min-width:0;
	background-image: url(../img/asphalt-bg.jpg);
	background-color:#333;
}

.button {
    background-color: transparent;
	border: 4px solid #bf1e2d;
    color: white;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.button:hover {
    background-color: #bf1e2d;
	border: 4px solid #bf1e2d;
    color: white;
}

.welcol {
/*	width: 50%;*/
	padding: 4%;
	text-align:center;
	line-height:1.8em;
}

.welcol hr {
	margin:3%;
}

.videocol {
/*	width:50%;*/
	padding: 4%;
	text-align:center;
}

.welcome p {
	color:#fff;	 
	font-size:16px;
	font-family:Montserrat, sans-serif;
	padding: 0px 10px;
}

.welcome h1 {
	 font-size:22px;
	 font-family:Montserrat, sans-serif;
	 color:#fff;
	 font-weight:700;
}

.sslocation {
	margin:0px;
	padding: 0px;
	min-width:0;
	background-color: #bf1e2d;
	color: #fff;
}

.contactcol a {
    color: #fff;
	}



.address {
	padding: 80px 40px;
	text-align:center;


}

.address p {
	 font-size:20px;
	 font-family:Montserrat, sans-serif;
	 color:#fff;
	 font-weight:700;
}

.address h1,.address h2 {
	 font-size:22px;
	 font-family:Montserrat, sans-serif;
	 color:#c5c5c5;
	 font-weight:700;
}

.address a {
	color: #fff;
}

.inventory {
	max-width:1600px;
}

.footer {
	background-color:#000;
	color: #fff;
	text-align:center;
	font-family:Montserrat, sans-serif;
	padding:2em;
	width: 100%;
	height: auto;
	
}
.footer a {
	color: #fff;
	font-family:Montserrat, sans-serif;
	
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#999999;}

.divfooter {width:100%; text-align:center; margin:0 auto;}


/*CONTACT PAGE*/

.contacttext {
	border:0;
	margin:0px;
	padding: 0 5%;
	text-align:center;
	background-color: #bf1e2d;
	color: #fff;
	font-family:Montserrat, sans-serif;
}

.contactcol {
	padding: 0 5% 5% 5%;
}



@media (max-width: 991px) {
.navbar{
  background: none;
  background-color:#bf1e2d;
  padding-left: 10px;
	}
a.navlink{
	padding:0;
	margin-right:30px;
	margin-left:30px;
	color:#fff;
}

a.navlink:hover,
a.navlink:active
{
    color: #000;
	text-decoration:none; 
}

.inventory h1{
	font-size:1.5rem;
}

.four {
	font-size:15px;
	padding:5px;
}
	
}

@media (max-width: 338px) {
.four {
	font-size:12px;
	padding:2px;
}
}