﻿


	
/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}	

.overscroll {
       border-top: 3px solid black;
    border-bottom: 3px solid black;
    padding-top: 15px; padding-bottom: 15px; 
}

 .contact-bar-btn {
    font-size: 12px; background-color:  dimgray !important;
    color: white !important;
}

.contacta {background-color: white !important;}
.contacta:hover {background-color: transparent !important;}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

.carousel-indicators {display: none !important;}

.blackpad {padding: 5px 10px; background-color: black !important; margin-bottom: 10px; width: fit-content;}

/*===================== 
	@Font-Face 
=======================*/
* {box-sizing: border-box !important;}

a:hover {text-decoration: none !important;}
a:active {text-decoration: none !important;}

.linespace {height: 100px;}

.redbg {background-color: #e10000 !important;}
.whitebg {background-color: white !important;}
.redbg1 {background-image: url("../siteart/rebg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.grungebg {background-image: url("../siteart/grunge-bg.jpg"); background-size: cover; background-position: top; background-repeat: no-repeat;}
.goldbg {background-color: #c9c9c9 !important;}
.graybg {background-color: #f6f6f6 !important;}


.headerbg2 {background-image: url("../siteart/farmbg1.jpg"); background-size: cover; background-position: bottom; background-repeat: no-repeat; overflow: hidden !important;}
.headerbg3 {background-image: url("../siteart/farmbg2.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden !important;}
.headerbg4 {background-image: url("../siteart/farmbg3.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden !important;}


.gradientbg {  background-image: linear-gradient(#000, #000), linear-gradient(#333333, #333333);
  background-size: 100% 50%, 100%; background-repeat: no-repeat;}

.sidebg {background-image: url("../siteart/sideimg.jpg"); background-size: cover; background-position:center; background-repeat: no-repeat; overflow: hidden !important;}
.sidebg2 {background-image: url("../siteart/reviews.jpg"); background-size: cover; background-position:center; background-repeat: no-repeat; overflow: hidden !important;}

.blackbg {background-color: black !important;}
.blackbg1 {background-image: url("../siteart/blackbg.jpg"); background-color: #000; background-size: cover; background-position: top; background-repeat: no-repeat;}
.blackbg2 {background-image: url("../siteart/blackbg3.jpg"); background-size: cover; background-position: bottom; background-repeat: no-repeat;}
.whitebg1 {background-image: url("../siteart/whitebg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.myhero {background-image: url("../siteart/heroimg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden !important;
 padding-top: 120px; padding-bottom: 450px;
}



.parallax {
  /* The image used */
  background-image: url("/siteart/paralax.jpg");

  /* Full height */
  height: 200px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.sideimg {background-image: url("../siteart/homeimg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden !important; height: 650px; width: 100%; border: 3px solid black; border-bottom: 0px solid black;}

.sideimg2 {background-image: url("../siteart/gallery/d2dc54_7ba4857b8ad346a9ab33e28c42677378~mv2.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden !important; height: 600px; width: 100%;}

.sideimg3 {background-image: url("../siteart/gallery/d2dc54_490327a7bd694aaa8189f23b5b240863~mv2.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden !important; height: 600px; width: 100%;}


.lineup {max-height: 650px; margin: auto !important; position: relative; border: 2px solid white;}

.toplink {color: white !important; font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; font-size: 12px !important; font-weight: 400; margin-left: 5px;}
.toplink > .fas {color: #c9c9c9 !important; font-size: 18px; margin-right: 5px;}
.topspan {padding-top: 8px;}




.trustedbrands {background-color: white !important; color: #e10000 !important; font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; font-size: 48px; margin-top: 0px !important; padding: 15px 20px !important; width: fit-content; font-weight: 700; text-transform: uppercase; line-height: .9; font-weight: 500; text-align: center; position: absolute; z-index: 7; margin: auto !important; top: 0; bottom: 0; right: 0; left: 0;  height: min-content;}

.grayline {background-color: #e10000; width: 50%; height:6px; display: block; margin: auto; z-index: 4; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.alltrust {display: block; position: inherit; margin-bottom: 50px;}








.darkgray {color: #c9c9c9 !important;}

.fivewrap {transform: scale(1.15);}

.overlapit {margin-top: -25px;}
.overlapit2 {margin-top: -50px;}
.overlapit3 {margin-top: -100px;}

.overlapbox {margin-left: 8.33333333%; margin-right: 8.33333333%; background-color: white; border: 3px solid black;}
.overlapbox2 {margin-left: 4%; margin-right: 4%; padding-right: 4%; padding-left: 4%; padding-top: 100px; padding-bottom: 100px; background-color: black;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}

.cellcol {display: table-cell !important; vertical-align: top; float: none !important;}
.innercell {padding-left: 50px; padding-right: 50px; padding-top: 100px; padding-bottom: 100px; min-height: 500px;}
.cellrow {overflow: hidden !important; display: flex;}

.boldspot {font-weight: 700 !important;}


.homebg2 {background-color:  dimgray;}

.centeratfirst {text-align: center;}
.centertext {text-align: center;}
.leftfloatatfirst {float: left;}
.rightfloatatfirst {float: right;}
.padrightatfirst {padding-right: 8%;}
.padleftatfirst {padding-left: 8%;}


.rightlineatfirst {border-right: 2px solid dimgray !important; height: 300px;}


.squareinv {color: white; height: 400px; width: 400px; padding-top: 120px; font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; font-size: 75px; font-weight: 800; text-shadow: 8px 8px 10px  dimgray;}
.squareinva {display: inherit;}

.padrow {padding-top: 100px; padding-bottom: 100px;}
.padrow2 {padding-top: 50px; padding-bottom: 50px;}
.padrow3 {padding-top: 0px; padding-bottom: 50px;}
.padrow4 {padding-top: 100px; padding-bottom: 200px;}
.padrow5 {padding-top: 15px; padding-bottom: 15px;}
.padrow6 {padding-top: 45px; padding-bottom: 150px;}
.padrow7 {padding-top: 20px; padding-bottom: 15px;}
.padrowhome {padding-top: 135px; padding-bottom: 135px;}
.extrapad {height: 100px; display: block;}
.nopad {padding: 0px !important;}
.overlaprow {height: 300px;}

.cardwrap {padding: 50px; background-color: black;}


.shopbybrand {margin: auto; display: flex; width: fit-content; padding-bottom: 30px;}
.shopbybrand > h3 {margin: auto; display: inline-flex; padding-left: 15px; padding-right: 15px;}

.redline {background-color: #e10000; width: 150px; height:8px; margin-top: 15px; margin-bottom: 20px; display: inline-flex;}
.newredline {background-color: #e10000; width: 100%; height:8px; margin-top: 25px; display: inline-flex;}
.redline2 {background-color: #e10000; width: 75%; height:2px; margin-top: 5px; margin-bottom: 20px; margin: auto;}
.redline3 {background-color: #e10000; width: 30%; height:2px; margin-top: 5px; margin-bottom: 20px;}

.greyline {background-color: #ededed; width: 100%; height:2px; margin-top: 5px; margin-bottom: 20px;}
.blueline {background-color: dimgray; width: 100%; height:4px; margin-top: 10px; margin-bottom: 20px;}
.redtext {color: #e10000 !important;}

.scalehover:hover > img {mix-blend-mode: luminosity; transition-duration: 1s; transform: scale(.99);}
.displaynone {display: none !important;}




/*===================== 
	TEXT
=======================*/

.h1wrap {width: fit-content; padding-bottom: 25px !important; border-bottom: 6px solid #e10000;}

.myh1 {color: black !important; font-family:"meursault-variable", serif !important; font-variation-settings: "wght" 600, "wdth" 80; font-size: 90px; margin: 0px !important; font-weight: 700; line-height: .8 !important; }
.myh11 {color: black !important; font-family:"meursault-variable", serif !important; font-variation-settings: "wght" 600, "wdth" 50; font-size: 60px; margin: 0px !important; font-weight: 400; line-height: .8 !important;}
.myh111 {color: white !important; font-family:"ibm-plex-sans", sans-serif !important; font-size: 70px; margin: 0px !important; font-weight: 500; line-height: .8 !important;}

.myh2 {color: #e10000 !important; font-family: "ibm-plex-sans", sans-serif !important; font-size: 20px; margin-top: 0px !important; font-weight: 800; text-transform: uppercase;    line-height: .9;}
.myh22 {color: white !important; font-family: "ibm-plex-sans", sans-serif !important; font-size: 45px; margin-top: 0px !important; text-transform: uppercase;    line-height: .9; font-weight: 800;}
.myh222 {color: black !important; font-family: "ibm-plex-sans", sans-serif !important; font-size: 45px; margin-top: 0px !important; font-weight: 800; 
    line-height: .9; text-transform: uppercase;}
.myh2222 {color: black !important; font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; font-size: 50px; margin: 0px !important; font-weight: 800; line-height: .8 !important; text-transform: uppercase; -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #c9c9c9;}

.myh3 {color: white !important; font-family: "ibm-plex-sans-condensed", sans-serif !important; font-size: 15px; margin-top: 0px !important; font-weight: 700; text-transform: uppercase;}
.myh3 > i {margin-right: 10px;}
.myh33 {color: gainsboro !important; font-family: "Oswald", sans-serif !important; font-size: 27px !important; margin-top: 0px !important; font-weight: 300; text-transform: uppercase;}
.myh333 {border: 2px solid #c9c9c9 !important; color: #c9c9c9 !important; padding: 8px 21px !important; font-size: 35px !important; font-weight: 500; font-family: "ibm-plex-sans", sans-serif;  text-transform: uppercase; width: fit-content !important;}

.myh3333 {color: #e10000 !important; font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; font-size: 25px; margin-top: 0px !important; font-weight: 800;}

.myp {font-family: "ibm-plex-sans", sans-serif; font-size: 20px; font-weight: 500; color: white !important;}
.myp2 {font-family: "ibm-plex-sans", sans-serif; font-size: 20px; font-weight: 500; color: black !important;}
.myp22 {font-family: "ibm-plex-sans", sans-serif; font-size: 17px; font-weight: 500; color: #c9c9c9 !important;}
.myp3 {font-family: "ibm-plex-sans", sans-serif; font-size: 16px; font-weight: 700; color: dimgray !important;}
.myp4 {font-family: "ibm-plex-sans", sans-serif; font-size: 15px; font-weight: 500; color: white !important;}
.myp5 {font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; font-size: 20px; font-weight: 500; color: black !important;}
.mysub {font-family: "ibm-plex-sans", sans-serif; font-weight: 700; font-size: 25px;}








/*===================== 
	BUTTONS
=======================*/


.mybtn1 {border: 2px solid black; color: white; background-color: black; padding: 4px 40px 8px 40px; font-size: 18px; font-weight: 500; font-family: "ibm-plex-sans", sans-serif; text-transform: uppercase; width: auto !important;  letter-spacing: 2px;}
.mybtn1:hover {border: 2px solid  dimgray; color:  dimgray; transition-duration: .5s; background-color: transparent;}
.mybtn1 > i {color: #e10000 !important; margin-left: 5px;}
.mybtn1:hover > i {color: #e10000 !important;}

.mybtn2 {border: 2px solid #e10000 !important; color: white !important; background-color: #e10000 !important; padding: 4px 40px 8px 40px; font-size: 18px !important; font-weight: 500; font-family: "ibm-plex-sans", sans-serif; margin-right: 10px; text-transform: uppercase; width: auto !important;}
.mybtn2:hover {border: 2px solid #e10000 !important; color: white !important; transition-duration: .5s; background-color: black !important;}
.mybtn2 > i {color: black !important; margin-left: 5px;}
.mybtn2:hover > i {color: #e10000 !important;}


.mybtn3 {border: 2px solid black !important; color: white !important; background-color: black !important; padding: 8px 20px !important; font-size: 18px !important; font-weight: 500; font-family: "ibm-plex-sans", sans-serif; margin-right: 10px; text-transform: uppercase; width: auto !important;}
.mybtn3:hover {border: 2px solid black !important; color: white !important; transition-duration: .5s; background-color: transparent !important;}
.mybtn3 > i {color: #e10000 !important; margin-left: 5px;}
.mybtn3:hover > i {color: black !important;}


.herobtn {border: 2px solid black; color: black; padding: 4px 30px 10px 30px; font-size: 22px; font-weight: 500; 
    font-family: "ibm-plex-sans", sans-serif;
    background-color: transparent !important; letter-spacing: 2px; margin: 3px; width: 360px;}


.herobtn:hover {border: 2px solid black; color: white; transition-duration: .5s; background-color: black !important;}







/*===================== 
	CTA
=======================*/

.ctawrap {padding-left: 8% !important; padding-right: 8% !important;}

.invboxtitle {padding: 5px 15px 5px 15px; color: white; background-color: black; text-align: center; font-weight: 500; font-size: 50px; font-family: "meursault-variable", serif; border: 2px solid white; border-top: 0px solid black !important; text-transform: uppercase; letter-spacing: 1.1;}

.invboxtitle2 {padding: 5px 0px; color: black; background-color: white; text-align: center; font-weight: 300; font-size: 18px; font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; border: 2px solid white; border-top: 0px solid black !important; text-transform: uppercase; letter-spacing: 1.1;}

.invboxtitle > .fas {color: #c9c9c9 !important; margin-right: 10px; font-size: 40px; display: none !important;}


.viewinv {font-size: 14px !important; color: white !important; font-family: "ibm-plex-sans", sans-serif !important; line-height: normal !important; margin-top: 0px; margin-bottom: 0px; font-weight: 500; text-transform: uppercase;}

.viewinv > i {font-size: 24px !important; color: #c9c9c9 !important; margin-top: 10px;}


.allinvwrap {margin-left: -10px; margin-right: -10px;}


.myinvbox { display: block; background-color: white !important; margin: 10px; border: 2px solid white;}
.invbg {background-position: top; background-size: cover; background-repeat: no-repeat; height: 150px;}
.invbg2 {background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 75px;}
.invboximg {max-height: 200px; margin: auto; display: block;}

.redbox > h3 {color: #e10000 !important; font-family:"ibm-plex-sans", sans-serif !important; font-variation-settings: "wght" 600, "wdth" 1; font-size: 30px; margin: 0px !important; font-weight: 700; line-height: .8 !important; text-transform: uppercase; padding-bottom: 5px;}

.redbox {background-color: black !important; width: 100%; padding-top: 20px; padding-bottom: 20px;}

.myinvbox:hover > .invbg {transition: all ease 0.5s; cursor: pointer;}
.myinvbox:hover { transition: all ease 0.5s;}
.myinvbox:hover > .redbox > h3 {text-decoration: underline; transition-duration: 0.5s;}

.invbg:hover > .viewinv > i{ transform: translateY(5px); transition: all ease 2s;}
.invbg:hover > h3 { transition-duration: 1.5s; color: #c9c9c9 !important; text-shadow: 1px 1px 2px black;}


.box1 {background-image: url("../siteart/box1.jpg"); background-size: cover; background-position: top; background-repeat: no-repeat;}
.box2 {background-image: url("../siteart/box2.jpg"); background-size: cover; background-position: top; background-repeat: no-repeat;}
.box3 {background-image: url("../siteart/box3.jpg"); background-size: cover; background-position: top; background-repeat: no-repeat;}
.box4 {background-image: url("../siteart/box4.jpg"); background-size: cover; background-position: top; background-repeat: no-repeat;}
.myinvbox:hover > .box11 {background-image: url("../siteart/box1alt.jpg"); transition-duration: 1s;}
.myinvbox:hover > .box22 {background-image: url("../siteart/box2alt.jpg"); transition-duration: 1s;}
.myinvbox:hover > .box33 {background-image: url("../siteart/box3alt.jpg"); transition-duration: 1s;}






.the_list_wrap {min-height: 250px; padding-top: 25px;}
.the_list_item_desc  {font-family: "ibm-plex-sans", sans-serif; font-size: 12px; font-weight: 500; color:  white !important;}
.the_list_item_desc > ul {padding-left: 15px !important;}
.the_list_item_subheadline {color: white !important; font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1; font-size: 25px; margin-top: 0px !important; font-weight: 800; text-transform: uppercase;    line-height: .9;}




















/*===================== 
	base styles 
=======================*/

html {
    font-family: Arial, sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}
body { overflow-x: hidden !important; max-width: 100% !important; }
body {
    margin: 0;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size: 2em;}

p {
	margin: 0;
	}

	
h1 {
}
		

h2 {
}

	
h3 {
}


h4 {
}


h5 {
}


h6 {
}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #aaa; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		color: #ccc;
		}  

/*===================== 
	header styles 
=======================*/


header {
	margin: 0 auto;
	width: 100%;
	}









/*===================== 
	content styles 
=======================*/


	
/*===================== 
	slideshow styles 
=======================*/



/*===================== 
	banner styles 
=======================*/



/*===================== 
	layout styles 
=======================*/



.revealme {display: none !important;}
.revealme2 {display: none !important;}
.revealme1 {display: none !important;}
.revealmeinline {display: none !important;}


/*========================= 
	 Responsive styles 
===========================*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {
	.toplink {font-size: 11px !important;}
	
	.invboxtitle2 { font-size: 16px !important;}
    
    .ctawrap {padding-left: 6% !important; padding-right: 6% !important;}
    
    .invbg {height: 100px;}
    
	
}
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.myh1  {font-size: 77px !important;}
	.myh22 {font-size: 35px !important;}
    .myh3 {font-size: 14px !important;}
	
	.revealme2 {display: block !important;}
	.hideme3 {display: none !important;}
	
	.invboxtitle2 { font-size: 18px !important;}
    
    .herobtn {padding: 8px 16px; font-size: 20px;}
    
    .ctawrap {padding-left: 0% !important; padding-right: 0% !important;}
    
    .myhero {background-position: top; padding-top: 100px !important; padding-bottom: 400px !important;}
    
    .invbg {height: 150px;}
    

}

@media only screen and (max-width : 1100px) {
.myhero {background-position: top left; padding-top: 75px !important; padding-bottom: 350px !important;}

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
    
    

.contentcol {padding-left: 8% !important; padding-right: 8% !important;}
.contentcolnew {padding-left: 8% !important; padding-right: 8% !important;}
    

    .innercell {padding-left: 0px; padding-right: 0px; padding-top: 75px; padding-bottom: 75px;}
    .cellcol {display: block !important;}
    .cellrow {display: block !important;}

	.hideme {display: none !important;}
	.revealme {display: block !important;}
	.revealmeinline {display: inline-block !important;}
	

	
	.padfix {padding: 0px !important;}
	.padleftatfirst {padding: 0px !important;}
	.padrightatfirst {padding: 0px !important;}
    .leftfloatatfirst {float: none !important;}
	.rightfloatatfirst {float: none !important;}
    
    .rightlineatfirst {border-right: 0px solid gray !important; height: auto !important;}
    
    .centeratfirst {text-align: left !important;}
	
	
	.squareinv {display: block; margin: 15px auto; height: 300px; width: 300px; clear: both; padding-top: 90px;}
	
	.myh1  {font-size: 65px !important;}
	.myh2  {font-size: 30px !important;}
	.myh22 {font-size: 35px !important;}
	.myh222 {font-size: 40px !important;}
	
		.leftbg  {background-color: black; background-image: none;}
	
	
.invbg {height: 120px;}
    
    .myinvbox {margin-bottom: 25px;}
	
	.invboxtitle {
    padding: 5px 15px 5px 15px;
    color: white;
    background-color: black;
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    font-family: "meursault-variable", serif;
    border: 2px solid white;
    border-top: 0px solid black !important;
    text-transform: uppercase;
    letter-spacing: 1.1;
}
	
	.theallinvbox > .invboxtitle { font-size: 50px !important;}
	.invboxtitle > .viewinv {transform: scale(0.8); padding-top: 8px;}  
    

	.redbox {padding-left: 4% !important; padding-right: 4% !important; text-align: center; padding-top: 25px !important; padding-bottom: 25px !important;}
	
    .herobtn {width: 300px !important; font-size: 18px !important; padding-left: 0px !important; padding-right: 0px !important;}
	
	.sideimg {height: 500px;}
    
      .padrow7 {padding-top: 25px; padding-bottom: 15px;}
    .myhero {background-position: left; padding-top: 50px !important; padding-bottom: 300px !important;}
    
    .mycontactinfo {padding-bottom: 75px !important; display: block !important;}
	
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
    .h1wrap {margin-left: 15px !important;}
    .cellcol {padding-left: 40px !important; padding-right: 40px !important;}
    .overlapbox {margin-left: 4% !important; margin-right: 4% !important;}    
    
.ctawrap {padding-left: 6% !important; padding-right: 6% !important;}    
    
.sideimg {height: 400px;}
	
  .invbg {height: 170px;}
	.redbox {padding-left: 4% !important; padding-right: 4% !important; text-align: center; padding-top: 25px !important; padding-bottom: 25px !important;}
	
	.myh1 {font-size: 75px !important;}    
    .myh111 {font-size: 50px !important;}
    .myh11 {font-size: 50px !important;}
	.myh2  {font-size: 25px !important;}
	.myh22 {font-size: 40px !important;}
	.myh222 {font-size: 40px !important;}
	.myh3333 {font-size: 29px !important; text-align: center !important;}
    .myh3 {font-size: 14px !important;}

	
	.cellcol {display: block !important;}
	
	
	.squareinv {display: block; margin: 25px auto; height: 300px; width: 300px; clear: both; padding-top: 90px; float: none !important;}
	.nofloat {float: none !important;}
	.nopadfinal {padding: 0px !important;}
	
	

	.hideme2 {display: none !important;}
	
	.footerheader {font-size: 45px !important; margin-top: 15px;}
	.footercol {text-align: center !important;}
	.footercol > a {text-align: center !important; width: auto !important; padding-bottom: 12px;}
	.footerlink {font-size: 20px !important;}
	.subfooterlink {font-size: 20px !important;}
	
	
	.contentcol2 {padding-left: 4% !important; padding-right: 4% !important;}
	.contentcol3 {padding-left: 16% !important; padding-right: 16% !important;}

	.padrow4 {padding-top: 50px; padding-bottom: 50px;}
	.padrow5 {padding-bottom: 0px;}
	.padrow {padding-top: 50px; padding-bottom: 50px;}
	.padrow2 {padding-top: 25px; padding-bottom: 25px;}
    .padrow7 {padding-top: 15px; padding-bottom: 15px;}
    .padrow6 {padding-top: 30px; padding-bottom: 130px;}
    
	.linespace {height: 50px;}
	.padrowhome {padding-top: 50px; padding-bottom: 50px;}
	
	

	
	.typeemail {text-align: center;}
	
	.overlapimg {margin-bottom: 50px; display: block; height: 400px; margin-top: auto; border: 4px solid white !important;}
	.overlaprow {height: auto; padding-top: 50px; padding-bottom: 50px; text-align: center;}
    
    .overlapit2 {margin-top: 0px !important;}
	
	.the_list_wrap {padding-top: 25px; padding-bottom: 25px; min-height: auto; height: auto;}
	.the_list_item_subheadline {font-size: 31px;}
	.the_list_item_desc {font-size: 14px;}
	
	.rightfloatatfirst {float: none !important; margin: auto !important;}
	
	.removepad {padding: 0px !important;}
	
	.footiconspan {margin-top: 5px !important;}
	
	.revealme1 {display: block !important;}
	
	.contentcolnew {padding-left: 12% !important; padding-right: 12% !important;}
	
	
	.redbtn {margin-top: 10px;}
    .herobtn {font-size: 18px !important;}
    
    .brandlogos > img {max-height: 50px; margin: auto;}
    
    
    .myhero {background-position: left; padding-top: 50px !important; padding-bottom: 350px !important;}
    
	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 580px) {
		.invboxtitle2 > .viewinv {transform: scale(0.8); padding-top: 8px;}
	.theallinvbox > .invboxtitle { font-size: 35px !important;}
	.invboxtitle2 { font-size: 20px !important;}
	.invboxtitle { font-size: 35px !important;}
    
    .sideimg {height: 300px;}
    
    .myh33 {
    color: gainsboro !important;
    font-family: "meursault-variable", serif !important; font-variation-settings: "wght" 100, "wdth" 1;
    font-size: 23px !important;
    margin-top: 0px !important;
    font-weight: 500;
}
    
    .myh1 {font-size: 48px !important;}
    
    .ctawrap {margin-left: 0px !important; margin-right: 0px !important;}
    
    
      .invbg {height: 120px;}
    
        .myhero {background-position: left; padding-top: 50px !important; padding-bottom: 250px !important;}
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
 .myh1 {font-size: 50px !important;}
	
			.invboxtitle2 > .viewinv {transform: scale(0.8); padding-top: 8px;}
	.theallinvbox > .invboxtitle { font-size: 31px !important;}
	.invboxtitle2 { font-size: 19px !important;}
	.invboxtitle { font-size: 31px !important;}
 
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}

