/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

html, body{font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; height: 100%; width: 100%;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

.flex-col{display: flex; flex-wrap: wrap;}
.col{padding-right: 25px;} .col:last-child{padding-right: 0;}
.col-6{width: 50%;} .col-3{width: 25%;}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.container{max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.dark-bg{background: #000; color: #fff;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: 'Alfa Slab One', sans-serif; font-weight: 400; line-height: 1.25;}
h1{margin-bottom: 25px; font-size: 36px;}

a{text-decoration: none; color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

/* HEADER */

.header{background: #000; padding: 10px 0;}
.header .container{display: flex; align-items: center;}
.header .logo{width: calc(100% - 200px);}
.header .logo-alt{width: 29%;}
.hero-img div{position: absolute;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    /* min-width: 585px; */
    /* height: 45vh; */
    justify-content: end;
    /* box-sizing: border-box; */
    /* top: 0; */
    left: 0;
    /* margin: 0 auto; */
    bottom: 0;
    padding: 4%;
	line-height: 17px;}
.hero-img{position: relative;}
.hero-img div p{
	color: #fff;
    font-family: sans-serif;
    font-weight: 700;
    font-size: max(12px, 1.6vw);}
.hero-img div a{ 
	color: yellow;
    font-family: sans-serif;
    font-size: max(1.8vw, 16px);
    font-weight: 900;
	text-align: center;
    line-height: 2rem;
	cursor: pointer;}
.hero-img div a:hover{transform: scale(1.125);}
/* HOME */

.hero{display: flex;}
.hero-img{flex: 1; border: 2px #fff solid;}
.hero-img img{display: block; width: 100%;}

.inventory-bg{background: url("../siteart/inventory-bg.png"); padding: 50px 0;}
.inventory-bg .inv-btns a{display: inline-block; width: calc(50% - 12px); background: #EF2020; padding: 12px; margin: 0 5px; font-family: 'Alfa Slab One', sans-serif; font-size: 18px; text-align: center; text-transform: uppercase; color: #fff;}
.inventory-bg .inv-btns a:hover{background: #CB1616;}
.inv-btns a{display: inline-block; width: calc(100% - 9px); background: #EF2020; padding: 12px; margin: 0 5px; font-family: 'Alfa Slab One', sans-serif; font-size: 18px; text-align: center; text-transform: uppercase; color: #fff;}
.logo-alt p{padding: 12px; margin: 0 5px; font-family:sans-serif; font-size: 18px; font-weight: 900; text-align: center; text-transform: uppercase; color: yellow;}
.inv-btns a:hover{background: #CB1616;}

.scrolling-wrap{width: 100%; margin-top: 25px; height: 90px; overflow: hidden;}
.scrolling{width: 100%; height: 92px;}

/* BODY */

.contactForm h1{display: none;}
.contactForm .btn-success, .contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #BF1E2D !important; border-color: #BF1E2D !important; font-weight: 700; color: #fff;}
.contactForm .contactFormLabel{font-size: 14px;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}

/* FOOTER */

.footer{display: flex; align-items: center; flex-wrap: wrap; background: #EF2020;}
.footer .flex-col{margin-bottom: 25px;}
.footer .contact{display: block; width: 50%; height: 100%; padding: 50px; color: #fff;}
.footer .contact h4{margin-bottom: 5px; font-size: 18px;}
.footer .map{display: block; width: 50%; height: 100%;}
.footer .social a{display: inline-flex; align-items: center; justify-content: center; background: #fff; width: 50px; height: 50px; margin: 0 3px; font-size: 24px; color: #EF2020; border-radius: 50px;}
.footer .social a:hover{opacity: .8;}

.bottom-footer{background: #f5f5f5; padding: 50px 0; font-size: 12px; text-align: center;}
.bottom-footer .container{max-width: 900px;}
.bottom-footer a{color: #888;}
.bottom-footer a:hover{color: #333;}

/* RESPONSIVE */

@media screen and (max-width: 1294px){
	.hero-img div{line-height: 8px;}
}
@media screen and (max-width: 1200px){
	.footer .contact{padding: 50px 20px;}
}
@media screen and (max-width: 980px){
	.footer .contact{width: 100%;}
	.footer .map{width: 100%;}
	.footer .map iframe{height: 250px;}
}
@media screen and (max-width:900px){
	.header .container {
    flex-direction: column;
	align-content: center;

    
}
.header .logo-alt{
	width: 100%;
}
}
@media screen and (max-width: 768px){
	.col{width: 100%; margin-bottom: 10px; padding: 0;}
	
	.inventory-bg{padding: 25px 0;}
	.inventory-bg .inv-btns a{display: block; width: 100%; margin: 5px 0;}
	.hero-img div{display: none;}
}
@media screen and (max-width: 480px){
	.header .logo{width: calc(100% - 100px);}
	
}