@charset "UTF-8";

/* Responsive CSS */

@media (max-device-width: 480px) {
	body {
		
	}

	.brand-fix {
		width: 50%;
		height: 15px;
	}
	
	.product-card {
		margin: 0;
	}
	
	.affiliates-card {
		margin: 0;
	}
	
	.product-list ul {
		padding: 0;
	}
	
	.affiliates-foreign ul {
		padding: 0;
	}
	
	.affiliates-local ul {
		padding: 0;
	}
	
	.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
		
	}
	.map-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
}

/* Template CSS */

body {
	padding-top: 61px;
	font-family: Helvetica, Arial, "sans-serif"; 
}

.navbar .navbar-nav {
	font-family: "michroma", sans-serif;
}

.nav-item {
	margin-left: 0.3em;
	font-size: 1rem;
}

footer {
	padding-top: 3vh;
	padding-bottom: 2.5vh;
	color: white;
	font-size: 0.9em;
}

/* Hotfix CSS */

.make-black {
	background-color: black;
}

.img-fix {
	padding-top: 2vh;

}

.make-center {
	text-align: center;
}


/* Homepage CSS */

.home-page {
	
}

.banner {
	background-image: url(/img/BackdropFinal.jpg);
	background-size: cover;
	padding-top: 10vh;
	padding-bottom: 15vh;
}

.description {
	font-family: "michroma", sans-serif;
	font-size: 25px;
}

.about-preview {
	background: url(/img/SODBackdropNew.png);
	background-size: cover;
	background-position: center;
	margin: 0;
	padding-top: 10vh;
	padding-bottom: 10vh;
}

.affiliates-preview {
	background: url(/img/affiliates.png);
	background-size: cover;
	background-position: center;
	margin: 0;
	padding-top: 10vh;
	padding-bottom: 10vh;
	text-align: right;
}

/* About CSS */

.about-page {
	background: url(/img/SODBackground.png);
	background-size:auto;
	background-position: center;
	background-repeat: no-repeat;

}

.about-nav {
	padding-top: 5vh;
}

.about-main {
	padding-top: 3vh;
	padding-bottom: 3vh;
} 

.about-mission {
	padding-top: 3vh;
	padding-bottom: 3vh;
}

.about-vision {
	text-align: right;
}

.core-values {
	padding-top: 3vh;
	padding-bottom: 3vh;
}

/* Product CSS */
.product-page {
	background: url(/img/SODBackground.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.product-nav {
	padding-top: 5vh;
}

.product-main {
}

.product-card {
	background-color:#FCFCFC;
	margin-bottom: 4vh;
	margin-right: 2vh;
	margin-left: 2vh;
	padding: 2vh 1vh 1vh 1vh;
}

.product-title {
	
}

.listing-products {
	list-style: none;
	
}

.listing-products li {
    line-height: 18px;
    border-bottom: 1px solid #f5f5f5;
    padding: 7px 0;
}
.product-request {
	padding-top: 3vh;
	padding-bottom: 3vh;
}

/* Affiliates CSS */
.affiliates-page {
	background: url(/img/SODBackground.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.affiliates-nav {
	padding-top: 5vh;
}

.affiliates-main {
	padding-bottom: 5vh;
}

.affiliate-logo {
	max-height: 250px;
	max-width: 250px;
	text-align: center;
}

.affiliates-card{
	background-color:#FCFCFC;
	margin-bottom: 4vh;
	margin-right: 2vh;
	margin-left: 2vh;
	padding: 1vh 1vh 1vh 1vh;
}
/* Contact CSS */

.contact-page {
	background: url(/img/20thDrive.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.contact-nav {
	padding-top: 5vh;
}

.contact-main {
	padding-bottom: 5vh;
}

.contact-concern {
	padding-top: 5vh;
	padding-bottom: 5vh;
}
/* Inquiry CSS */
.inquiry-page {
	background: url(/img/SODGun.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}