/**
RED: 8a1d2c;
blue 1c1c28; 
**/

html{
  height: 100%;
 scroll-behavior: smooth;
}

body {
height: 100%;
width:100%;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size:19px;
line-height:29px;
background-color:white;
background-image: url("/images/Camo-Background-low-res.jpg");
}


.container-fluid{
margin:0;
padding:0;
background-color:transparent;
}

.wrapper {
margin:0 auto;
padding:20px;
width:96%;
max-width:1400px;
background-color:white;
width:100%;
border:0px solid green;
}

a:link {
color: #000;
text-decoration: underline;
}

a:visited {
  color: #000;
}

a:hover {
color:#8a1d2c;
}

a:active {
  color: #000;
}


.padding {
padding:12px;
}

[class*="col-"]:not(:last-child){ margin-bottom: 25px; }

#header {
margin:0 auto;
padding:0 ;
background-color:white;
width:100%;
width:100%;
border:0px solid blue;
}

#header a:link {
color: #000;
}

#header a:visited {
  color: #000;
}

#header a:hover {
text-decoration: none;
color:#8a1d2c;
}

#header a:active {
  color: #000;
}

#header #logo{
max-height:95px;
margin:0;
padding:0;
}

#header .flex-container{
  display: flex; /* Establishes a flex container */
  flex-direction: row; /* Default: items arranged horizontally */
  justify-content: center; /* Default: items aligned to the start of the main axis */
align-items: center; /* Default: items stretch to fill the container along the cross axis */
  align-items: flex-start;
align-items: stretch;
flex-wrap: wrap; /* Default: items stay on a single line */
align-content: center;
border:0px solid red;
}

#header .flex-item{
margin:10px 0;
padding:0;
text-align:left;
}

#header .flex-container .contact-info{
margin-left:20px;
line-height:25px;
}

.contact-info #phone{
font-size:24px;
font-weight:bold;
text-decoration:none; 
}

#header nav ul.navbar-nav{
margin:0 auto 
}

#header nav ul.navbar-nav li.nav-item{
margin-right:50px;
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
font-weight: 900;
}

/*
#header nav ul.navbar-nav li.nav-item:last-child {
margin-right: 0;
}
*/

#header nav a.nav-link:link{
font-size:120%;
color:#000;
text-decoration: none;
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
font-weight: 900;
}

#header nav a.nav-link:visited {
color:#000;
text-decoration: none;
}

#header nav a.nav-link:hover {
color:#8a1d2c;
text-decoration: underline;
}

#header nav a.nav-link:active {
color:#000;
text-decoration: none;
}


#content {
background-color:white;
margin:20px auto;
padding:0;
min-height:300px;
width:100%;
border:0px solid red;
}



#content h1{
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
font-weight: 900;
margin:0 auto 30px auto;
}

h2{
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
font-weight: 900;
margin:0 0 20px 0; 
}

#footer h2{
margin-bottom:10px; 
}

#content #home-carousel{
min-height:300px;
max-height:700px;
overflow:hidden;
border:0px solid #1c1c28;
} 

#content #home-carousel .carousel-item img{
height:700px;
width:100%;
object-fit:cover;
}

#content .carousel-control-prev-icon ,
#content .carousel-control-next-icon {
width: 4rem; 
height: 4rem; 
}


.camo-spacer{
height: 40px;
width:100%;
background-image: url("/images/Camo-Background-low-res.jpg");
margin:20px 0;
}


#content #about{
margin:20px auto;
clear:both;
}
 
#content #about #about-image{
float:left;
padding:0 20px 20px 0;
}

#content #what-we-sell{
margin:40px 0 0 0;
padding:20px;
clear:both;
border:0px solid red;
background-color:#f1f1f1;
}

#content #what-we-sell .row{
margin:20px auto 0 auto;
}

#content #what-we-sell ul li{
margin-left:-25px;
font-size:90%;
}

#footer{
width:100%;
margin:0 auto;
background-color:#fff;
padding:0;
border:0 solid red;
font-weight:normal;
}

#footer a#instagram{
text-decoration:none;
display:block;
margin:10px 0;
}

#footer #instagram .fa-instagram{
font-size:30px;
}

#footer #coypright{
margin:0;
font-size:80%;
font-weight:normal;
border:0px solid red;
}


@media (max-width: 1000px) {

}

@media (max-width: 992px) {


	.navbar-collapse {
	margin:0; 
	max-width:100%;
	background-color:#eee;
	text-align:center;
	}

	#content #about #about-image{
	max-width:250px;
	}
}

@media (max-width: 768px) {

	#header .navbar-toggler{
	margin:20px auto;
	}
	#content #home-carousel{
	height:400px;
	}
}


@media (max-width: 480px) {

}