/***** 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 --------

*/

/***** 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 {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.header { 
	display: flex;
	font-family: "Oswald", san-serif;
}

.navleft {
    display: flex;
    width: 30%;
    flex-wrap: wrap;
    border-top: solid 10px #000;
    border-bottom: solid 10px #a31c2b;
}

.navblcback{
	width: 100%;
	background: #000;
	height: 50%;
	border-bottom: #e8e8e8 5px solid;	
}
.navredback{
	width: 100%;
	height: 50%;
	background: #9c1928;
	z-index: 100;
	position: relative;
	border-bottom: solid #9c1928 5px;
}
.navlogo{
	padding: 20px 50px;
	box-sizing: border-box;
	width: 100%;
	
}

.navright{
	width: 70%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: space-between;
}
.navinfo{
	width: 100%;
    height: 50%;
    background: #000;
	display: flex;
    justify-content: flex-end;
	align-items: center;
    padding-right: 5%;
}
.navinfo i {
    font-size: 16px;
    color: #9c1928;
    padding-right: 10px;
    padding-left: 20px;
}
.navinfotext{
	padding-right: 15px;
	color: #fff;
	transition-duration: 0.2s;
}
.navinfotext:hover{
	font-weight: 700;
				color:#9c1928;
}
.navicons{
padding-right: 15px;	
}
.navbar {
    width: 100%;
    height: 50%;
    border-bottom: #9c1928 10px solid;
    display: flex;
    align-items: flex-end;
    padding-right: 5%;
    box-sizing: border-box;
}

/*---BODY--------------------------------*/
.padding10{
	padding: 10%;
}
.padding5{
	padding: 5%;
}


/*--------SLIDESHOW STYLES--------------------*/
.slideshowcontainer{
	margin-bottom: -250px;
}
.slide1{
	background: url(../siteart/heroimage1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	height: 550px;
	background-position: 82% 32%;
}
.slide2{
	background: url(../siteart/heroimage2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	height: 550px;
}
.slide3{
	background: url(../siteart/heroimage3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	height: 550px;
}
.slide4{
	background: url(../siteart/heroimage4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	height: 550px;
}
.herotextbox{
	border-bottom: 20px solid #000;
    width: 30%;
	position: relative;
    bottom: 381px;
    left: 1070px;
	
}
.herotextborder{
	border-top: solid 15px #e8e8e8;
    border-bottom: solid 15px #e8e8e8;
    padding: 30px 65px;
	background: #fff;
}
.blackheader{
	font-family: "Oswald", san-serif;
	line-height: 38px;
	font-size: 40px;
	padding-bottom: 15px;
}
.blackparagraph{
	font-family: Arial, "Arial Black", "sans-serif";
	line-height: 28px;
	font-size: 16px;
	padding: 20px 0px 30px 0px;
	width: 100%;
}
.redline{
	width: 100%;
	background-color: #9c1928;
	height: 8px;
}
.redbutton{
	color: #fff;
	background: #9c1928;
	width: 84px;
	height: 16px;
	padding: 10px 36px;
	font-family: Arial, "Arial Black", "sans-serif";
	font-size: 14px;
	text-align: center;
}
.redbutton:hover{
	background: #000;
	font-weight: 600;
}
/*--------DEFAULT PAGE BUTTON STYLES--------------------*/
.hpbuttoncontainers{
	display: flex;
	justify-content: center;
	margin-bottom:10%;
}
.hpbuttons{
	width: 23%;
	border-bottom: #000 solid 40px;
	margin-left: 50px;
    margin-right: 50px;
	color: #000;
}
.hpbuttonlinks {
	color: #000!important;
	font-family:"Oswald", san-serif; 
}
.hpbuttonborder{
	border-bottom: #9c1928 solid 10px;
    border-top: #e8e8e8 solid 20px;
}
.center{
	text-align: center;
}
.buttoninfobox{
	display: flex;
	padding: 35px 10px;
	align-content: center;
    align-items: center;
	border-bottom: solid #e8e8e8 20px;
	justify-content: space-around;
}
.hpbuttonsymbol{
	width: 20%;
}
.hpbuttontext{
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.buttonheader{
	width: 100%;
	font-family: "Oswald", san-serif;
	line-height: 38px;
	font-size: 26px;
	text-transform: uppercase;
}
.buttonparagraph{
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, "Arial Black", "sans-serif";
}
.hpsymbol{
	width: 100%;
	z-index: 100;
	position: relative;
}

.hpcontacticons i {
    color: #951625;
    font-size: 20px;
    padding-right: 16px;
}
img.footerlogo {
    width: 80%;
}
/*--------GET KNOW US STYLES--------------------*/
.blkbckg{
	background: #000;
	padding: 20px;
	margin: 20px 5% 5% 5%;
	border: #000 1px solid;
	border-radius: 10px;
}
.whiteheader{
	color: #fff;
	font-family: "Oswald", san-serif;
	line-height: 38px;
	font-size: 26px;
	text-transform: uppercase;
	
}

.gettoknowbox{
	    display: flex;
    padding: 0% 5%;
    justify-content: space-around;
    margin-bottom: 10%;
}
.leftabout{
	width: 45%;
}
.homemap{
	width: 100%;
    height: 380px;
}
.rightabout{
	width: 38%;
    border-bottom: #000 solid 20px;
}
.abouttextbox{
	border-bottom: #e8e8e8 solid 20px;
    border-top: #e8e8e8 solid 20px;
    padding: 25px 50px 65px 50px;
}
.aboutsecheader{
	font-family: "Oswald", san-serif;
	line-height: 60px;
    font-size: 30px;
}
/*--------DEFAULT CONTACT SECTION STYLES--------------------*/
.redbackground{
	background: #9c1928;
	border-bottom: #000 solid 55px;
	padding: 50px 5%;
	margin-bottom: 40px;
}
.hpforminfobox{
	
}
.contactinfobox{
display: flex;	
}
.contactinfo{
    background: #fff;
    border-radius: 25px;
    padding: 36px 30px;
    font-family: "Oswald", san-serif;
    text-transform: uppercase;
    width: 20%;
    position: relative;
    left: 60px;
    height: 335px;
    top: 140px;
}
.hpcontacticons{
	display: flex;
	align-items: center;
	padding-bottom: 35px;
}
.contacticon{
	padding-right: 15px;
}
.hpcontacttext{
	color: #000;
	font-size: 15px;
}
.contactheader{
	font-size: 26px;
	font-weight: 700;
	padding-bottom: 20px;
}
.formcontainer{
    width: 60%;
    background: #252525;
    padding: 25px 25px 40px 120px;
	
}
.hpform{
	
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.contactredbutton{
	color: #fff;
	background: #9c1928;
	width: 120px;
    height: 36px;
	font-family: Arial, "Arial Black", "sans-serif";
	font-size: 14px;
	text-align: center;    
	border: none;
	border-radius: 0px!important;
	transition-duration: 0.5s;
}
.contactredbutton:hover{
	background: #fff;
	font-weight: 600;
	color: #9c1928
}
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/*--------FORM STYLES--------------------*/
.formfields{
	border: #9c1928 solid 2px;
    height: 45px;
    padding-top: 0px;
	padding-left: 5px;
    margin: 0px 8px;
    width: 254px;
	box-sizing: border-box;
}
.message{
	width: 790px;
	padding: 10px;
    margin-top: 20px;
    height: 145px;
	border: #9c1928 solid 2px;
	box-sizing: border-box;
	font-family: Arial, "Arial Black", "sans-serif";
}
.CaptchaMessagePanel{
	font-family: Arial, "Arial Black", "sans-serif";
	color: #fff;
	font-size: 12px;
}
.CaptchaWhatsThisPanel a{
color: #fff;
font-family: Arial, "Arial Black", "sans-serif";
font-size: 12px;
}
.submit{
	width: 100%;
}
/*-------- CONTACT PAGE STYLES ----------------*/
.contactpagebox{
	display: flex;
    padding: 0% 0% 0% 5%;
    border-top: #9c1928 solid 50px;
    flex-wrap: wrap;
    justify-content: center;
}
.contactpageinfobox{
    width: 52%;
    display: flex;
    flex-wrap: wrap;
    padding: 5% 4%;
}
.redbg{
	height: 255px;
    width: 3%;
    background: #9c1928;
    border-top: #000 solid 145px;
}
.contactmap{
	width: 100%;
	height: 350px;
}
.contactmapcontainer{

	text-align: center;
}
.cpparatext{
	color: #000;
	font-weight: 600;
}
.cpparatext:hover{
	color: #9c1928;
	font-weight: 800;
	font-size: 15px;
}
.blackcontactbackground{
	width: 35%;
    display: flex;
    flex-wrap: wrap;
    background: #0000006b;
    margin: 3% 0% 3% 0%;
    padding: 64px 7%;
}
.fullblkbg{
	background: #000;
	background-image:url("../siteart/formbkg.jpg");
	width: 100%;
	display: flex;
    justify-content: center;
}
.cpformfields{
	width: 100%;
	margin: 3% 5%;
	padding: 10px;
	border-radius: 0px;
}

.cpmessage{
	width: 100%;
    margin: 0% 5%;
	height: 160px;
	font-family: Arial, "Arial Black", "sans-serif";
	border-radius: 0px;
}

.blackcpparagraph{
	font-family: Arial, "Arial Black", "sans-serif";
    line-height: 28px;
    font-size: 16px;
    padding: 20px 0px 30px 0px;
    width: 100%;
}
/*-------- THANK YOU PAGE STYLES ----------------*/
.typadding{
	padding: 8% 5% 10% 5%;
    text-align: center;
}
.redheader{
	color: #9c1928; 
	font-family:"Oswald", san-serif; 
	width: 100%;
}


/*-------- CONSIGNMENT STYLES ----------------*/
.blackconsignbkg{
	background: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 2% 0%;
}
.whitepara{
	color: #fff;
	font-family: Arial, "Arial Black", "sans-serif";
	padding-bottom: 20px;
}
.consignformfields{
	width: 250px;
    height: 34px;
	border-radius: 0px;
	
}
.eqconsignformfields{
	width: 774px;
    height: 34px;
	border-radius: 0px;
}
.consigncomment{
	width: 776px;
	height: 100px;
	font-family: Arial, "Arial Black", "sans-serif";
	border-radius: 0px;
}
/*-------- FOOTER STYLES ----------------*/
.footer{
	display: flex;
    padding: 3%;
    justify-content: space-evenly;
	background: #000;
	color: #fff;
	border-bottom: #e8e8e8 solid 3px;
	font-family: "Oswald", san-serif;
}
.footerlogobox{
	width: 27%;
}

.footernav{
	width: 55%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	align-content: flex-start;
}
.footernavlinks:hover{
	font-weight: 500;
	color: #e8e8e8;
}
.footernavheader{
	font-size: 18px;
	width: 100%;
}
.footerheader{
	padding-bottom: 10px;
	font-size: 20px;
}
.footernavlinksbox{
	padding-top: 5px;
}
.footernavlinks{
	color: #fff;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    padding-left: 0px;
	
}
.footerinfobox{
	width: 18%;
}
.footerinfo{
	color: #fff;
}
.footerinfo i{
	color: #9c1928;
	font-size: 24px;
	padding-right: 5px;
}
.footersubhead{
	padding-bottom: 10px;
	color: #fff;
	line-height: 28px;
}

.footericons{
	padding-right: 15px;
}
.redbox{
	background: #9c1928;
	height: 30px;
}
 
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-title .list-listings-count{
	color: #9c1928!important;
}

.faceted-search-content .selected-facets-container .selected-facet{
	background:#9c1928!important; 
}
.list-content .price-container .price{
	color:#9c1928!important; 
}
.view-listing-details-link{
	    background-color: #9c1928!important;
}

.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price{
	color: #9c1928!important;
}
.mobile-option-bar .mobile-option-bar-filter{
color: #9c1928!important;	
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	background-color:  #9c1928!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover{
	background-color:  #000!important;
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1669px) {

.hpbuttons {
	width: 28%;
	margin-left: 10px;
    margin-right: 10px;
	}
.buttoninfobox {
    padding: 30px 10px;
    height: 90px;
}
.hpbuttonsymbol {
    width: 15%;
}
.hpbuttontext {
    width: 75%;
}

	
}
@media only screen and (max-width: 1610px) {
	.herotextbox {
    border-bottom: 20px solid #000;
    width: 33%;
    position: relative;
    bottom: 381px;
    left: 920px;
}

}
@media only screen and (max-width: 1562px) {
	.contactinfo{
	height: 331px;
    top: 200px;
	width: 25%;
	}
	.formcontainer{
	    width: 63%;	
	}
	.formfields {
    height: 45px;
    margin: 0px 10px;
    width: 180px;
}
	.message {
    width: 595px;
    margin-top: 20px;
    height: 129px;
	}
}
@media only screen and (max-width: 1430px) {
	.herotextbox{
		width:38%;
		bottom: 381px;
		left: 768px;
	}
	.slide4{
		background-position: 70%;
	}
	.slide1{
		background-position: 60%;
	}
	.slideshowcontainer {
    margin-bottom: -230px;
}
}


@media only screen and (max-width: 1308px) {
	.contactpageinfobox{
		width: 70%;
	}
	
}
@media only screen and (max-width: 1275px) {

	.navright{
		width: 60%;
	}
	.navleft{
		width: 40%;
	}
	.footer{
		flex-wrap: wrap;
	}
	.footerlogobox{
		width: 28%;
	}
	.footernav{
		width: 72%;
	}
	.footerinfobox{
		width: 100%;
	}
	.gettoknowbox{
		padding: 3%;
		
	}
	.abouttextbox{
		height: 235px;
	}
	.leftabout {
    width: 50%;
}
	.rightabout {
    width: 47%;
}
}
@media only screen and (max-width: 1260px) {
.herotextbox {
    width: 40%;
    bottom: 347px;
    left: 57%;
}
.herotextborder {
    padding: 30px 28px;
}
.blackheader {
    line-height: 33px;
    font-size: 32px;
    padding-bottom: 11px;
}	
.blackparagraph {
    line-height: 18px;
    font-size: 14px;
    padding: 20px 0px 30px 0px;
    width: 100%;
}	
}
@media only screen and (max-width: 1220px) {
	.formcontainer {
    	width: 62%;
		padding: 25px 25px 40px 60px;
	}
	.formfields {
    height: 45px;
    margin: 10px 10px;
    width: 400px;
	}
	.message {
    width: 400px;
    margin-top: 20px;
    height: 129px;
	}
	.contactinfo{
	width: 32%;
	}
}
@media only screen and (max-width: 1124px) {
	.contactpageinfobox {
    width: 63%;
}
}
@media only screen and (max-width: 1105px) {
	.buttonheader{
		font-size: 22px;
	}
	.hpbuttons {
		width: 32%;
	}
	.hpbuttonsymbol {
    width: 22%;
}
	.buttoninfobox{
		height: 100px;
	}
}
	
@media only screen and (max-width: 1075px) {
	.footer{
		padding: 35px 10px;
	}
	.footerlogobox{
		width: 100%;
		padding-bottom: 30px;
		text-align: center;
	}
	.footernav{
		width: 100%;
		justify-content: center;
	}
	.footernavheader{
    display: none;
	}
	.footernavlinksbox {
    padding-top: 5px;
		text-align: center;
}
	.footernavlinks{
		padding-left: 15px;
	}
	.footerinfobox{
		width: 100%;
    text-align: center;
    padding-top: 40px;
	}
	.footericons{
		padding: 10px 15px;
	}
	.contactpagebox {
    padding: 0% 0% 0% 3%;
}
.contactpageinfobox {
    width: 85%;
    padding: 6% 6%;
}
	
}

@media only screen and (max-width: 1010px) {
	.abouttextbox{
		    padding: 25px 25px 65px 25px;
	}
}
	@media only screen and (max-width: 900px) {
.slideshowcontainer {
    margin-bottom: 0px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}	
.slide1{
    background-size: cover;
    background-repeat: no-repeat;
	background-position: 35%;
	height: 550px;
}
.slide2{
    background-size: cover;
    background-repeat: no-repeat;
	background-position: 25%;
	height: 550px;
}
.slide3{
    background-size: cover;
    background-repeat: no-repeat;
	background-position: 30%;
	height: 550px;
}
.slide4{
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
	height: 550px;
}	
.herotextbox {
    width: 100%;
    bottom: 0px;
    left: 0px;
}
.herotextborder {
    padding: 60px 40px;
}
	.hpbuttoncontainers{
		margin-top: 10%;
	}	
}
@media only screen and (max-width: 897px) {
	.contactinfo {
    height: 440px;
    top: 123px;
   
	}
}
@media only screen and (max-width: 880px) {
	.blackcontactbackground {
    width: 66%;
	}
	.aboutsecheader{
		line-height: 32px;
	}
}
	
@media only screen and (max-width: 870px) {
		.navright{
		width: 45%;
	}
	.navleft{
		width: 55%;
	}
	.hpbuttoncontainers {
    margin-bottom: 10%;
    flex-wrap: wrap;
	}
	.hpbuttons {
    width: 100%;
    margin-bottom: 50px;
	margin-left: 50px;
    margin-right: 50px;
	}
	.hpbuttonsymbol {
    width: 14%;
	}
	.buttoninfobox {
		padding: 30px 100px;
	}
	.redbackground{
		padding: 50px 0%;
	}
	.contactinfobox {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
	}
	.contactinfo {
    width: 100%;
	top: 0px;
	left: 0px;
	border-radius: 0px;
	height: auto;
	}
	.formcontainer {
    width: 100%;
    padding: 25px 25px 40px 60px;
	}
}

@media only screen and (max-width: 805px) {
	.blackconsignbkg{
	padding: 7% 0%;	
	}
.consignformfields {
    width: 98%;
    margin-bottom: 5px;
}
.eqconsignformfields {
    width: 98%;
    margin-bottom: 5px;
}
	.consigncomment {
    width: 98%;
}
	.blackcpparagraph{
		font-size: 15px;
	}
	.navleft{
	align-items: center;	
	}
}
@media only screen and (max-width: 761px) {
.gettoknowbox {
    padding: 5%;
	flex-wrap: wrap-reverse;
}
.leftabout {
    width: 100%;
    margin-top: 30px;
}	
.homemap {
    width: 100%;
    height: 273px;
}	
	.blkbckg{
		margin: 0px;
		border-radius: 0px;
	}	
	.rightabout{
		width: 100%;
	}
	.abouttextbox {
    padding: 25px 25px 38px 25px;
}
}
@media only screen and (max-width: 675px) {
	.navinfotext{
		display: none;
	}
		.navright{
		width: 50%;
	}
	.navleft{
		width: 50%;
		border:none;
	}
	.footernavlinks{
		padding-left: 5px;
	}
	.navlogo {
		padding: 20px 30px;}
}
@media only screen and (max-width: 645px) {
	
	.hpbuttonsymbol {
    width: 20%;
	padding-right: 25px;
	}
	.buttoninfobox {
    padding: 30px 65px;
	}
	.hpbuttontext {
    width: 75%;
}

}
	
@media only screen and (max-width: 625px) {
.footer {
    padding: 35px 26px;
}
.footerlogobox {
    text-align: left;
}
	.footernavlinks {
    padding-left: 0px;
    padding-top: 15px;
	text-align: left;
		width: 100%;
}
	.footerinfobox {
    width: 100%;
    text-align: left;
    padding-top: 40px;
}
	.footernavlinksbox{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
}
@media only screen and (max-width: 560px) {
.slide1{
 
	background-position: 27%;
	height: 300px;
}
.slide2{

	background-position: 33%;
	height: 300px;
}
.slide3{
  
	background-position: 50%;
	height: 300px;
}
.slide4{

	background-position: center;
	height: 300px;
}	
	.formcontainer {
    width: 78%;
	padding: 25px 25px 40px 25px;
	}
	.hpform{
	width: 100%;	
		
	}
	.formfields{
		width: 100%;
	}
	.message {
    width: 380px;
    margin-top: 12px 10px 0px 10px;
    height: 106px;
}
	.redbackground {
    padding: 50px 0% 0px 0%;
}
}
@media only screen and (max-width: 500px) {
	.buttoninfobox {
    padding: 30px 40px;
	}
	.buttonheader{
	    font-size: 20px;
		line-height: 22px;
	}
	.hpbuttons{
		margin-left: 20px;
    margin-right: 20px;
	}
	.blackconsignbkg {
    padding: 7% 6%;
}
	
}
@media only screen and (max-width: 475px) {

	.blackcontactbackground {
    width: 83%;
}
}
@media only screen and (max-width: 451px) {
	
	.contactpageinfobox {
    width: 87%;
		padding: 6% 2%;
	}
	.blackcpparagraph {
    font-size: 13px;
}
	.redbg {
    height: 296px;
	width: 6%;
	}
	.cpparatext:hover{
		font-size: 12px;
	}
}

@media only screen and (max-width: 390px) {
.abouttextbox {
    height: 310px;
    padding: 25px 15px 38px 15px;

}
	.aboutsecheader{
	 line-height: 27px;
    font-size: 26px;
    padding-bottom: 10px;
	}
	
}
@media only screen and (max-width: 375px) {
    .navlogo {
        padding: 20px 5px;
    }
	.navinfo{
		padding: 0px;
	}
	.navicons {
    padding-right: 10px;
}
}
@media only screen and (max-width: 362px) {
	.hpbuttons {
    margin-left: 10px;
    margin-right: 10px;
}
	.buttoninfobox {
    padding: 30px 5px;
}
}
@media only screen and (max-width: 305px) {

	.navinfo{
		background: #000000;
	}
	.navbar{
		background: #9c1928;
	}
.herotextborder {
    padding: 60px 15px;
}
.blackheader {
    line-height: 28px;
    font-size: 28px;
    padding-bottom: 8px;
}
.blackparagraph {
    font-size: 13px;
}
.redbutton {
    width: 72px;
    padding: 6px 24px;
	}
	.redbg{
		display: none;
	}
	.contactpageinfobox {
    width: 94%;
	}
}
@media only screen and (max-width: 292px) {
	.hpbuttonsymbol {
    width: 26%;
    padding-bottom: 10px;
		padding-right: 0px;
}
	.buttoninfobox{
	justify-content: center;
    flex-wrap: wrap;
	}
	
	.hpbuttontext {
    width: 100%;
}
	.buttonheader{	
    padding-bottom: 5px;
	}
	.abouttextbox{
	height: auto;
	padding: 25px 0px 38px 0px;
	}	
	.whiteheader {
    line-height: 28px;
    font-size: 24px;
	}
	.footerlogo{
		width: 100%;
	}
}