@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
/***** BEGIN 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;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------
red:#f11c18;
gray: #eee;
*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px; 
	line-height: 30px; 
	color: #000; 
	font-weight:400;	
	height:100%;
	overflow-x: hidden;

}

.h1-div { display: block; }
.h1-div span, .h1-div h1, .h1-div h2, .h1-div h3, .h1-div .h1, .h1-div .h2, .h1-div .h3, .h1-div p { display: inline; }

h1, .h1 {font-size:35px; font-weight:400; line-height:40px; letter-spacing: 1px;font-family: 'Oswald', sans-serif; }
h3, .h3 {font-size:25px; letter-spacing: 1px; text-transform: uppercase; color:#fff;font-family: 'Oswald', sans-serif;}
h4, .h4 {font-size:20px; line-height: 27px; letter-spacing: 1px; font-weight:400; text-transform: uppercase;font-family: 'Oswald', sans-serif;}

a:link, a:visited, a:active {text-decoration:none;color:#f11c18;}
a.invisilink:link, a.invisilink:visited, a.invisilink:active {text-decoration:none;color:inherit;}
a:hover, a.invisilink:hover {text-decoration:none; color:#828282;}
strong { font-size:16px;}

.right{float: right; text-align:right;}
.left{text-align:left;}

.pad{padding: 2% 0;}

hr{border:#000 1px solid;}

#pad{padding: 30px 0}

/*--- HEADER STYLES --------------------------*/
.head {background:none;}
.header-width {width: 80%; margin: 0 auto; text-align: center;} 
.logo {display:inline-block; width:20%;  text-align: left; vertical-align: middle; padding: 10px 0;}
.logo img {max-width:280px; width: 100%;}
.container-right {display: inline-block; vertical-align: middle;width: 68%;}
.contact-bar {float:right; }
.contact-bar .fas {font-size: 24px; padding: 0 5px; transition: .3s ease;}
.contact-bar .fas:hover {color:#E02B27;}
.contact-bar .socials {margin-left: 15px; display: inline-block; background: #E02B27; padding: 10px 35px; text-align: center; border-bottom-left-radius: 20px;}
.contact-bar .socials .fab {font-size: 24px; padding: 0 3px; color:#fff; transition: .3s ease;}
.contact-bar .socials .fab:hover {color:#212121;}
.contact-bar img {width:30px; display: inline-block; vertical-align: middle;}
.contact-bar a {vertical-align: middle; display: inline-block;  color: #000 !important; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 600; }
.header-ql {display: inline-block;}
.header-ql a {padding: 10px 25px; border:1px solid #000; transition: .3s ease;}
.header-ql a:hover {background: #f1f1f1; transition: .3s ease; color:#fff;}
.header-locations { width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 40px; row-gap: 20px; padding: 8px 0 20px 0; box-sizing: border-box; }
.header-loc { display: flex; justify-content: center; align-items: center; column-gap: 8px; color: #000 !important; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 600; }
a.header-loc:hover { color: #E02B27!important; }
.header-nav {background: #212121;}
/*---BODY--------------------------------*/

.text-container {/*width:115%; margin-left:25%;*/ width: 100%; }
.width {width:75%; margin: 0 auto;}
.about-home {
	position: relative; z-index: 3;
	/*background:#303030; */
	/*width: 83%; */ width: 100%; 
	padding:5% 0; 
	float:left;
	vertical-align: top; 
	transform-origin: bottom left;
   /* -ms-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);*/
}

/*.light-gray {background: #3F3F3F; width: 100%; display:inline-block;}*/
.light-gray {background: #303030; width: 100%; display:inline-block; overflow: hidden; position: relative; }

.light-gray:after {
	position: absolute;
    content: "";
    z-index: 2;
    top: 0;
    left: 75%;
    width: 100%;
    height: 100%;
    background: #3F3F3F;
	
	-ms-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);
}

.about-home h1, .about-home .h1 {width:70%; font-size:22px; text-transform: uppercase; letter-spacing: 1px; color:#828282; font-weight:500; 
	transform-origin: bottom left;
    /*-ms-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);*/
}
.col-1-2 {
	width:44%; 
	display:inline-block; 
	vertical-align: top; 
	padding:5% 2%;

    /*-ms-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);*/
}
.col-1-2 p {
	color:#fff; width:100%;}


.form-sect {background:url(../siteart/images/hammers.jpg); background-color: #000; background-attachment: fixed; background-position: center; width: 100%; padding:5% 0;}
.form-header, h4.form-header, h3.form-header, h2.form-header {font-size:35px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; color:#fff; text-align: center; border-bottom:10px solid #fff; padding:2% 0; margin-bottom:2%;}


/*---ADDITIONAL PAGES--------------------------------*/

.cropped-header img {background-attachment: fixed; max-width:2500px; width: 100%;}
.gray-bg {background:#303030; padding:2% 0;}
.h1-title h1, .h1-title .h1 {color:#989898; font-weight:500; letter-spacing: 1px;}
.col-2-quote {width:47%; display:inline-block; vertical-align: top; padding:2% 5px;}
.line {height:10px; background: #f11c18; width: 200px; margin:0 0 2% 0;}
.col-2-2 {width:47%; display:inline-block; vertical-align: top; padding:4% 5px;}
.col-2-2 h4, .col-2-2 .h4 {border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 10px 0; color: #989898;}
.col-2-quote p {color:#A7A7A7; font-size:19px; line-height: 30px; }
.col-2-2 img {max-width:300px;width: 100%; padding: 2% 0;}
.col-2-2 p {color:#fff; font-size:16px; display: inline-block;}
.col-full-width {color:#A7A7A7; font-size:19px; line-height: 30px; padding:2% 0;}
.col-2-3 {display:inline-block; width: 35%; padding: 10px 10px; vertical-align: top;}
.col-2-3 p {color:#fff; font-size:16px; display: inline-block;}
.col-2-3 h4, .col-2-3 .h4 {border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 10px 0; color: #989898;}
.col-2-3 img { padding:3% 0; text-align: center; margin: 0 auto; width: 100%;}
.fas .fa-envelope {display:inline-block; vertical-align: middle;}
.fas .fa-envelope:hover {color:#989898;}

/* Job Opportunities */
.job {padding: 3% 0;}
.job img {display: inline-block; width: 24%; max-width:200px; }
.job-info {display: inline-block; vertical-align: top; width: 75%;}
.job-info p {color:#fff; padding: 2% 0;}
.job-btn {width: 290px; background: #f11c18; color:#fff; letter-spacing: 1px; text-align: center; padding:5px 0; display: inline-block; margin-right: 2%;transition:0.3s; margin-top:10px; }
.job-btn:hover {background:#000; transition:0.5s;}

/* Our Brands */
.inv-btn {
	position: relative; background: #fff; 
	display: flex; flex-direction: column; align-items: center; 
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25); transition: .3s ease all;
}
.inv-btn img {
	position: relative; width: 100%; height: 130px; padding: 10px 12px; object-fit: contain; object-position: center; box-sizing: border-box; transition: .3s ease all; margin-bottom: 10px; 
}
.inv-btn span { text-align: center; width: 100%; padding: 12px 10px; box-sizing: border-box; text-transform: uppercase; 
	background: #f11c18; color:#000; letter-spacing: 1px; transition:0.3s; 
}
.inv-btn:hover span {background:#000; transition:0.5s;}

.brands-list, .feat-brands-list {
	display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; 
}
.brands-list {
	justify-content: flex-start; column-gap: 16px; row-gap: 16px; 
}
.feat-brands-list {
	justify-content: center; column-gap: 24px; row-gap: 24px; 
}

.feat-brands-list .inv-btn { width: calc(33.333333% - 16px); }
.feat-brands-list .inv-btn img { height: 170px; }
.brands-list .inv-btn { width: calc(25% - 12px); }

a.inv-btn:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, .5); }
a.inv-btn:hover img { transform: scale(1.1); }

/* BLOG */
.white-bg {background:#fff; padding: 50px 0;}
.blog-row {display: flex; flex-direction: row; align-items: top; padding-bottom: 50px;}
.feature-img {width: 30%; margin-right: 3%}
.feature-img img {width: 100%;}
.blog-content {width: 70%;}
.blog-content h2, .blog-content .h2 {font-size: 30px; line-height: 35px;font-family: 'Oswald', sans-serif;}
.blog-content h3, .blog-content .h3 {font-size: 22px; line-height: 30px;font-family: 'Oswald', sans-serif; text-transform: none; color:#333; margin-top:15px;}
 #more{display: none; }
#myBtn{background: white; border-bottom:4px solid #000; text-align: center; color:#000;font-family: 'Oswald', sans-serif; font-size: 16px; text-transform: uppercase; margin-top:15px;}
/*===================== 
	slideshow styles 
=======================*/
.cycle-slideshow {
	position: relative;
	}

.cycle-slide {
	width: 100%;
	}

.cycle-overlay {
	position: absolute;
	top: 0vw;
	left: 0;
	background:rgba(255,255,255,.70);
	color: #fff;
	box-sizing: border-box;
	height:100%;
	max-height: 31.4vw;
	width:1000px;
	  transform-origin: bottom right;
    -ms-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);
	}

.overlay-content {
	max-width: 800px;
	width: 100%;
	margin-left:18%;
	margin-top:30%;
  transform-origin: bottom right;
    -ms-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);

	}
	.overlay-content .thirty-two {font-size:10rem;}
	.overlay-content h1, .overlay-content .h1 {
		font-size: 3.0rem;
		font-weight:500;
		line-height: 40px;;
		letter-spacing: 1px;
		color:#3e3e3e;
		}
	.overlay-content h2, .overlay-content .h2 {
		color:#3e3e3e;
		font-size:18px;
		font-weight:500;
		letter-spacing: 1px;
		
		}
	.overlay-content p.button {
		box-sizing: border-box;
		margin-top: 2rem;
		width:200px !important;
		}
	.overlay-content p {
		font-size: 14px;
		font-weight: 600;
		}
.overlay-content .overlay-btn {display:inline-block; width:200px; padding:5px 0; text-align: center; border:2px solid #3e3e3e; background: rgba(255,255,255,.50); color:#3e3e3e; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; margin: 10px 2px;}
	.overlay-content img {display: inline-block; max-width:75px; width: 100%;}
.overlay-btn:hover {background:#fff;}
	.overlay-content .link {
		transition: ease all .3s;
		text-transform: uppercase;
		margin-top:2%;
		background:#FF0004; 
		display:inline-block; 
		width:45%; 
		text-align:center; 
		color:#fff; 
		font-weight:400; 
		border:2px solid #CD0003;
		padding:5px 0;
		}
		.overlay-content .link:hover {
			background:#CD0003; 
			display:inline-block; 
			width:45%; 
			text-align:center; 
			color:#fff; 
			font-weight:400; 
			border:1px solid #CD0003;
			}
	
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
	}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ccc; cursor: pointer; 
	}
.cycle-pager span.cycle-pager-active { color: #ed1b24; }
.cycle-pager > * { cursor: pointer;}

[id*="toggleText"] {
	display: none;
	}

/*---LYTEBOX GALLERY --------------------------*/
#gal_container {margin:0 auto;}

.gal-row{display: flex;}
.transactions{flex: 1; position: relative; background: none; border: 1.5px solid #e6e6e6; margin: 10px ; overflow: hidden; text-align: center;}
.transactions img{width: 100%; max-width: 100%; }
.transactions p{margin: 10px auto; text-align: center;}

.gal-no-flex .transactions{width: 100%; max-width: 25%;}




/**---- SCROLLING MANU BAR -----------------------------*/
.brandbar {width: 100%; margin: 0 auto; border-top:10px solid #f11c18; border-bottom:10px solid #f11c18; margin-top:-9px;}
.wrapper {width:70%; margin: 0 auto;}
.brandbar h1, .brandbar .h1 {text-align:center; font-size:35px; color:#e62129;}
.manu {background: #fff; width:100%;}
.manu-bar{
	width:80%;
	background:#fff;
	margin: 0 auto;
	text-align: center;
	padding:20px 0px;
	border-bottom:5px solid #f11c18;
}
.manulogo {padding: 0px 3%;}
.manulogo img {max-width: 250px; padding: 0px 2%; width:100%;}


/* focus states of various types of fields */
#formpage { vertical-align:top; margin: 0 auto;  text-align:left; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; column-gap: 12px;}
#formpage h3, #formpage .h3 {font-weight: 600; color:#000; text-align: right; font-size:30px; line-height: 32px;}

#formpage div {
	vertical-align:top;
	padding:0px 5px;
	color: #fff;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size:15px;
	font-style: italic;
}

#formpage label, .has-label-shadow {
	text-shadow: 1px 1px 0 #000, 0 1px 4px #000, 0 6px 24px #000; 
}

#formpage input {
	padding:10px 0px;
	border:1px solid #ed1c24;
	font-size:13px;
	background:rgba(255,255,255,.90);
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #ed1c24;
	font-weight: 700;
	color:#000;
	font-size:12px;
	margin-top: 5px;
	background:rgba(255,255,255,.90);
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #ed1c24;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
}

.formfield {
	width:calc(25% - 19px); 
	display:inline-block; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	font-family: 'Open Sans', sans-serif; 

	
}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger, #formpage div.larger {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
	font-family: 'Open Sans', sans-serif; 
	text-align: left;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#fff; 
	color:#000;
	border:1px solid #ed1c24;
	outline-style:none;
	padding-left:5px;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:250px;
    margin:0;
    background: rgba(237,28,36,1.00); 
    line-height:18px;font-size:17px;
    color:#fff;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
	letter-spacing:1px;
	text-transform: uppercase;
	border:1px solid rgba(237,28,36,1.00);
	font-style: italic;
}
#formpage input.button:hover {

    margin:0;
    padding:10px 0px;
    background: #212121; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	border:1px solid fff;}

#formpage input#button {color:#fd1722;}
.next {width: 150px; background: rgba(237,28,36,1.00); }
.next h4, .next .h4 {color:#fff; text-align: center; margin: 15px 0; padding: 8px 0;}
.next:hover {background: #212121}
/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
	padding:10px 10px;
} 
.button[type="submit"] { cursor: pointer; }

/*control the Captcha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;width: 100%; text-align:center;}

.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
	text-shadow: 1px 1px 0 #000, 0 1px 4px #000, 0 6px 24px #000; 
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#ddd;text-shadow: 1px 1px 0 #000, 0 1px 4px #000, 0 6px 24px #000; }
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

/*-------- FOOTER STYLES ------------------*/
.footer {background:#000; text-align: center; padding:24px 12.5%; border-top:2px solid #000; color:#fff; display: flex; flex-direction: column; align-items: center; row-gap: 24px;}
.footer-socials .fab, .footer-socials .fas {font-size: 24px; padding: 5px 2px;}
.foot-locs {width: 100%; display: flex; justify-content: space-between; align-items: flex-start; column-gap: 8%; row-gap: 40px;}
.foot-loc {text-align: left; width: 33%;}
.foot-loc h4, .foot-loc .h4, .ulined {width:100%; color: #fff; border-bottom: 1px solid #989898; font-size:15px; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 12px; }

/*----Inventory Styles - Stays at bottom of css----*/
.hosted-content .m-bottom-10 h1, .hosted-content .m-bottom-10 .h1 {font-size:23px !important; line-height: 28px; }


/*-------- RESPONSIVE STYLES --------*/
@media screen and (max-width:2000px){
	.inv-btn.no-img { width: calc(33.333333% - 11px)!important; }
}
@media screen and (max-width:1700px){
	.overlay-content {margin-top:22%;}
}


@media screen and (max-width:1500px){
	.logo {width: 23%;}
	.overlay-content {margin-top:18%;}
	/*.about-home {width:97%;}*/
	/*.text-container {width:93%; margin-left:30%;}*/
	.width {width:90%;}
	.formfield {width:22%;}

	.footer { padding-left: 5%; padding-right: 5%; }
}
@media only screen and (max-width:1300px){
	.feat-brands-list .inv-btn { width: min(400px, calc(50% - 16px)); }
	.brands-list .inv-btn { width: calc(33.333333% - 11px); }
}
	
@media screen and (max-width:1270px){
	.header-width {width: 90%; margin: 0 auto; text-align: center;} 

	.overlay-content {margin-top:8%;}
	/*.about-home {transform:none; width: 100%;}*/
	.text-container {margin: 0 auto;}
	/*.col-1-2 {transform:none;}
	.about-home h1 {transform:none;}*/
	.head-right {margin-top:-40px;}
	.col-2-3 { width: 45%;}


}
	
@media screen and (max-width:1120px){
	.foot-locs { column-gap: 32px; }
}
@media screen and (max-width:1050px){
	.inv-btn.no-img { width: calc(50% - 8px)!important; }
}

@media screen and (min-width: 700px) and (max-width:1110px){
	.header-locations { flex-wrap: wrap; width: 670px!important; }
}
@media screen and (max-width:950px){
	.hide950 { display: none!important; }
	.foot-locs { flex-direction: column; }
	.foot-loc { width: 100%; }
}

@media screen and (max-width:900px){
	.header-width {width: 96%; margin: 0 auto; text-align: center;} 
	.header-ql a {padding: 10px 10px; font-size: 16px;}
	.logo {width: 17%; vertical-align: middle}
	.container-right {width: 78%;vertical-align: middle;}
	.overlay-content {display:none;}
	.cycle-overlay {width:500px;}
	.formfield {width:calc(50% - 16px);}
	.about-home h1, .about-home .h1 {width:95%;}
	.col-1-2 {width:100%;}
	.col-2-2 {width: 100%;}
	.col-2-quote {width: 100%;}
	
	.job img {width: 10%; }
	.job-info { width: 100%;}
	.job-btn {width: 100%;  }
	.gal-row{display: inline-block;}
	.transactions{width: 46%; display: inline-block; vertical-align: middle;} 
	
	.blog-row{display: block;}
	.feature-img, .blog-content {width: 100%;}

}
@media only screen and (max-width:850px){
	.feat-brands-list .inv-btn { width: min(400px, 100%); }
	.feat-brands-list .inv-btn img { height: 150px; }
	.brands-list .inv-btn { width: calc(50% - 8px); }
	.brands-list .inv-btn img { height: 110px; }
}
@media screen and (max-width:750px){
	.inv-btn.no-img { width: 100%!important; }
	
	.light-gray:after {display: none!important; }
}

@media screen and (max-width:700px){
	.header-locations { flex-direction: column; align-items: center; row-gap: 8px; padding-top: 0; width: 100%!important; padding-left: 5%; padding-right: 5%; box-sizing: border-box; }
}
@media screen and (max-width:649px){
	.logo {width: 100%; text-align: center; margin: 0 auto;}
	.logo img {max-width: 200px;}
	.container-right {width: 100%; padding-bottom: 5px;}
	.header-ql a {padding: 10px 10px; font-size: 16px;}
	.formfield {width:100%;}
	.contact-bar {float:none; text-align: center;}
	.head-right {margin-top:0px;}
	.col-2-3 { width: 100%; padding:10px 0;}

	.col-2-2 p {font-size:14px;}
	.col-2-3 p {font-size:14px;}
	.transactions{width: 100%;  margin: 1% 0;display: inline-block; vertical-align: middle;} 
	.feature-img {width: 100%;}
	
}


@media screen and (max-width:550px){
	.logo img {max-width: 200px;}

	.contact-bar .socials{ padding: 11px 15px; font-size: 16px;}
	.contact-bar .fas {padding: 0px 1px; font-size: 22px;}
	.contact-bar .socials .fab {font-size: 22px;}

}
@media screen and (max-width:420px){
	.cycle-overlay {display:none;}
	.contact-bar img {display:none;}
	.form-header {font-size:25px;}
	
	.brands-list .inv-btn { width: 100%; }
}