﻿/***** 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;
	padding: 2% 4%;
	border-top: 20px solid #40352f;
	align-items: center;
	width: 92%;
	box-sizing: content-box;
}
.headerlogo{
	width: 14%;
		box-sizing: content-box;

}
.headerlogo img{
	width: 150px;
}

.navigationsect{
	width: 46%;
	border-right: 3px solid #d0933e;
		box-sizing: content-box;

}
.headerphonesect{
	padding-left: 4%;
	display: flex;
	width: 37%;
	box-sizing: content-box;
}
.headerphone{
	width: 50%;
	font-family: 'Inter', sans-serif;
	color:#40352f;
}
.headerphone i{
	color:#d0933e;
	padding-right: 10px;
}
.herosection{
	display: flex;
	background: url("/siteart/wood_texture.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.heroslider{
	width: 70%;
}
.heroslides{
	width: 100%;
	height: 775px;
}
.heroslider1{
	background: url("/siteart/hero_1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.heroslider2{
	background: url("/siteart/hero_2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.heroslider3{
	background: url("/siteart/hero_3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.invcatbtnsect{
	background: #f1d5a3;
	width: 28%;
	margin: 0% 0% 0% 2%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0%;
}
.invcatbtn:hover{
transition-duration: 0.2s
}
.invcatbtn{
	width: 100%;
    margin: 2% 8%;
    display: flex;
    align-items: center;
    background: #000;
    padding: 20px 4%;
    text-align: center;
}
.invcatleft{
	width: 16%;
	background: #f1d5a3;
	height: 2px;
}
.invcatright{
	width: 16%;
	background: #f1d5a3;
	height: 2px;
}
.invcatmiddle{
	width: 68%;
}
.ltbrownheader{
	font-family: 'Kreon', serif;
	color: #f1d5a3;
	font-size: 28px;
	text-transform: uppercase;
}
.invcatsubhead{
	color: #b57b0b;
	font-family: 'Inter', sans-serif;
	font-size: 20px;
}
.hpsmbanner{
	width: 96%;
	text-align: center;
	padding: 10px 2%;
	background: #000;
}
.brownbar{
	background: #e4c08f;
	height: 40px;
	width: 55%;
}
.ltbrownbar{
	background: #ffeecf;
	height: 40px;
	width: 40%;
}
.alignright{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.hpaboutsect{
display: flex;
padding: 5%;
align-items: center;
}
.hpaboutleft{
	width: 40%;
	padding-right: 10%
}
.hpaboutright{
	width: 50%;
	display: flex;
}
.hpaboutimg1{
	width: 30%;
    position: relative;
    left: 98px;
    z-index: 20;
    top: 44px;
}
.hpaboutimg1 img{
width: 100%;	
}
.hpaboutimg2{
    background: #544b46;
    width: 50%;
    position: relative;
    bottom: 30px;
    left: 70px;	
}
.hpaboutimg2 img{
    width: 100%;
    position: relative;
    bottom: 58px;
    left: 76px;
}
.goldheader{
	font-family: 'Kreon', serif;
	color: #b57b0b;
	font-size: 36px;
	text-transform: uppercase;
	width: 100%;
}
.smallline{
	background-color: #b57b0b;
	width: 80px;
	height: 1px;
	margin-bottom: 10px;
}
.blkpara{
	font-family: 'Inter', sans-serif;
	color: #000;
	line-height: 28px;
	
}
.goldbtn{
	background: #b57b0b;
	color: #000;
	font-family: 'Kreon', serif;
	padding: 8px 40px;
	font-weight: 700;
	transition-duration: .5s;
}
.blkbtn{
	background: #000;
	color: #ffe2ac;
	font-family: 'Kreon', serif;
	padding: 8px 40px;
	font-weight: 700;
	transition-duration: .5s;
}
.hpcontactsect{
	padding: 4% 5%;
	background: url("/siteart/wood_texture.jpg");
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid #000 10px;
}
.hpcontactbox{
	display: flex;
	width: 30%;
	align-items: center;

}
.yellowtext{
	font-family: 'Inter', sans-serif;
	color: #ffe2ac;
	font-weight: 700;
}
.whitelink{
	font-family: 'Inter', sans-serif;
	color: #ffffff;
}
.hpcontacticon{
	padding-right: 20px;
}
.hpcontactinfo a{
padding-left: 10px;
}
.hpcontactinfo{
	display: flex;
}
.hptestamonials{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    text-align: center;
	padding: 4% 5%;
}
.hpreviewsect{
	display: flex;
	width: 100%;
	padding: 2% 0%;
	align-items: center;
    justify-content: center;
}
.hpreview{
	width: 30%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.hpreviewbtn{
		width: 30%;
}
.hpreviewtext{
	font-family: 'Inter', sans-serif;
	color: #000;
	padding-bottom: 10px;
	width: 100%;
}
.hpreviewstars{
	color: #d0933e;
	padding-bottom: 10px;
	width: 100%;
}
.hpreviewname{
	color: #000;
	font-family: 'Kreon', serif;
	font-weight: 800;
	padding-bottom: 10px;
	width: 100%;
}
.reviewline{
	background-color: #b57b0b;
	width: 65px;
	height: 2px;
	margin-bottom: 10px;	
}
.hpmapsect{
	width: 100%;
}
.hpmap{
	width: 100%;
	height: 250px;
}
.subpageheadersect{
	background: url("/siteart/wood_texture.jpg");
	background-size: cover;
	margin-right: 120px;
	display: flex; 
	align-items: center;
	padding: 30px 5%;
}
.subpageheader{
	font-family: 'Kreon', serif;
	color: #ffe2ac;
	font-size: 42px;
	text-transform: uppercase;
	padding: 30px 5%;
}
.aboutpagesect{
	display: flex;
	padding: 2% 0% 2% 5%;
	align-items: center;
}
.aboutleft{
	width: 55%;
	padding-right: 13%;
}
.aboutright{
	width: 32%;
    text-align: right;
    border-right: solid 40px #40352f;
}
.aboutright img{
	width: 100%;
}
.aboutleft a{
	margin: 0px 15px 0px 0px;
}
.contactpagesect{
	display: flex;
	padding: 2% 5%;
}
.outsidecpform{
	padding: 30px;
	background: #f0d4a2;
	width: 65%;
}
.cpform{
	border: 2px solid #d9bf93;
	padding: 50px;
}
.brownheader{
	font-family: 'Kreon', serif;
	color: #40352f;
	font-size: 36px;
	text-transform: uppercase;
	width: 100%;
}
.fullformfield{
	background:#fff6df;
	width: 100%;
	padding: 0px 10px;
	margin: 5px 0px;
	border: none;
	font-family: 'Inter', sans-serif;
	height: 45px;
}
.commentsfull{
	background:#fff6df;
	width: 100%;
	padding: 10px 10px;
	margin: 5px 0px;
	border: none;
	font-family: 'Inter', sans-serif;
	height: 145px;
}
.CaptchaMessagePanel{
	font-family: 'Inter', sans-serif!important;
	color: #000;
	font-size: 13px;
}
.CaptchaWhatsThisPanel a{
	font-family: 'Inter', sans-serif!important;
	color: #000;
	font-size: 13px;
}
.CaptchaPanel{
	text-align: left!important;
	padding: 0px!important;
}
.submit{
	background: #000;
	color: #ffe2ac;
	font-family: 'Kreon', serif;
	padding: 8px 40px;
	font-weight: 700;
	text-transform: uppercase;
	border: none!important;
}
.contactsidebar{
	display: flex;
	flex-wrap: wrap;
	width: 22%;
	background: #40352f;
	margin: 6% 0%;
    padding: 4% 2%;
    align-items: center;
}
.contactinfo{
	width: 100%;
}
.contactinfo i{
color: #ffe2ac;
padding-right: 20px;
font-size: 20px;
}
.contactinfo .yellowtext{

font-size: 18px;
}
.smyellowtext{
	font-family: 'Inter', sans-serif;
 	color: 	#ffe2ac;
	font-size: 15px;
	padding: 5px 0px;
}
.contactinfoflex{
	display: flex;
	align-items: center;
}
.cpinfoleft i{
color: #ffe2ac;
padding-right: 20px;
}
.thankyoupadding{
	padding: 10% 8% 16% 8%;
}
.subhead{
	font-family: 'Inter', sans-serif;
    color: #000;
    line-height: 28px;	
	font-size: 18px;
}
.inventorypadding{
	padding: 2% 0% 8% 0%;
}
/*---BODY--------------------------------*/

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: flex;
  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;
  position: relative;
  background: #000;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#2b2420;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.invcatbtn:hover{
	padding: 28px 4%;
    margin: 1% 6%;

}
.goldbtn:hover{
	background: #000;
	color: #ffeecf;
}
.whitelink:hover{
	color: #ffeecf;
}
.footersect .goldbtn:hover{
	background: #ffe6b6;
	color: #000;
}
.footerlinks:hover{
	color: #ffeecf;
	
}
.blkbtn:hover{
	background: #b57b0b;
	color: #000;
}
.contactinfo a:hover{
	color: #ffeecf;
	
}
/* Underline Reveal */
.hvr-underline-reveal {
  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;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #40352f;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
.footer{
	display: flex;
	padding: 3% 5%;
	border-bottom: #40352f 30px solid;
	background: #000;
}
.footersect{
	width:25%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

.footerlogo{
	width: 100%;
	padding-bottom: 15px;
}
.footerheader{
	width: 50%;
	color: #b57b0b;
	font-family: 'Kreon', serif;
	font-weight: 800;
	border-bottom: 2px solid #b57b0b;
	margin-right: 50%;
    font-size: 18px;
	margin-bottom: 10px;
}
.footertext{
	width: 100%;
	font-family: 'Inter', sans-serif;
	color:  #ffe2ac;
	font-size: 15px;
}
.footerlinks{
	width: 35%;
	font-family: 'Inter', sans-serif;
	color:  #ffe2ac;
	font-size: 15px;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-top-section .list-title .list-listings-count{
    color: #40352f!important;	
}
.list-top-section .list-title .list-title-text{
    font-family: 'Kreon', serif!important;
	text-transform: uppercase!important;
}

.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	background: #b57b0b!important;
    color: #fff!important;
	border: none!important;
	border-radius: 0px!important;
}
.faceted-search-content .selected-facets-container .selected-facet{
	color: #000!important;
    background: #b57b0b!important;
}
.list-content .list-error-container .info button{
	color: #000!important;
    background: #b57b0b!important;
}
.list-content .list-error-container .info .selected-facet button{
	background: transparent!important;
}
.mobile-option-bar .mobile-option-bar-filter{
	    color: #000000!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	background: #40352f!important;
}
.list-content .price-container .price{
	color: #b57b0b!important;
}
.view-listing-details-link{
background-color: #b57b0b!important;
}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
color: #000!important;	
}
/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1670px) {
.headerlogo {
    width: 11%;
}
.navigationsect {
	width: 44%;}
.headerphone {
	width: 50%;}
.headerphonesect {
	width: 40%;}
	.heroslider {
    width: 67%;
}
	.invcatbtnsect{
		width: 32%;
	}
}

@media only screen and (max-width: 1588px) {
	
.thankyoupadding {
    padding: 16vh 8% 27vh 8%;
}
}
@media only screen and (max-width: 1510px) {
.heroslider {
    width: 63%;
}
.invcatbtnsect {
    width: 38%;
}	
	.invcatbtn{
	margin: 2% 5%;	
	}
	.footer{
		padding: 3% 2%;
	}
	.contactsidebar{
	width: 28%;	
	}
	.contactpagesect{
		padding: 2%;
	}
}
@media only screen and (max-width: 1480px) {
.headerlogo {
    width: 14%;
}	
.headerphonesect {
	padding-left: 2%;
	width: 41%;	
}
	.navigationsect {
    width: 46%;
}
	.header {
	    width: 96%;
		padding: 2%;
	}
}
@media only screen and (max-width: 1440px) {
.inventorypadding {
    padding: 8% 5% 20% 5%;
}
	
}
@media only screen and (max-width: 1420px) {
	.headerphone{
		font-size: 13px;
	}
	.headerphonesect {
    width: 36%;
}
	.headerlogo {
    width: 15%;
}
	.footerlinks {
		width: 45%
	}
}

@media only screen and (max-width: 1345px) {

}
@media only screen and (max-width: 1275px) {
	.headerphone i {
		display: none;
	}
	.headerphonesect {
    width: 35%;
}
	.navigationsect {
    width: 49%;
}
	.heroslider {
    width: 55%;
}
	.invcatbtnsect {
    width: 43%;
}
	.footerheader{
	    margin-right: 8%;	
		width: 80%;
	}
	.aboutpagesect{
	padding: 8% 0% 8% 5%;	
	}
}
@media only screen and (max-width: 1232px) {
.hpcontactbox {
    width: 48%;
    padding: 3% 0%;
}	
.hpcontactsect {
    padding: 4% 2%;
	flex-wrap: wrap;
}	
}
@media only screen and (max-width: 1176px) {
.header {
    width: 94%;
    padding: 2% 3%;

}
.headerlogo {
    width: 30%;

}
	.headerphonesect {
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
}
	.headerphone {
    width: 100%;
    font-size: 18px;
}
	.navigationsect {
    display: none;
}
		.contactsidebar {
    width: 100%;
	margin: 3% 0%;
    padding: 4%;
    align-items: flex-start;
    align-content: space-around;
}
.contactinfo {
    width: 100%;
    padding-bottom: 47px;
    margin: 0px 8px;
}
	.cpform{
	padding: 50px 50px 50px 30px;
	}
	
	.outsidecpform{
		width: 100%;
	}
	.contactsidebar {
    width: 100%;
	margin: 0% 0%;
	padding: 6%;
	}
	.hpcontactbox {
		width: 100%;
	}
	.contactpagesect{
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 1090px) {

.footersect {
    width: 49%;
    padding-bottom: 40px;
}
	.footer{
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 1074px) {
	.hpaboutimg1 {
	width: 33%;
	left: 12px;
	}
	.hpaboutimg2 {
    width: 54%;
    bottom: 14px;
    left: -32px;
}
}
@media only screen and (max-width: 1020px) {
	.herosection{
	    flex-wrap: wrap;	
	}
	.heroslider {
    width: 100%;
}
.invcatbtnsect {
    width: 100%;
	margin: 0% 2%;
	}
	.invcatbtn {
	width: 44%;
	margin: 2% 1%;
	    padding: 20px 2%;
	}
	.hpsmbanner {
    width: 86%;
    padding: 33px 7%;}
	.subpageheadersect{
		margin-right: 30px;
	}
	.aboutpagesect{
	flex-wrap: wrap;	
	}
	.aboutleft {
    width: 89%;
    padding-right: 8%;
    padding-bottom: 8%;
}
	.aboutright {
		width: 40%;}
}
@media only screen and (max-width: 930px) {

.aboutright {
    width: 55%;
}	
}

@media only screen and (max-width: 850px) {
	.invcatbtn {
    width: 99%;
    margin: 1% 7%;
    padding: 20px 2%;
}
	.invcatbtnsect {
    width: 90%;
    margin: 0% 6%;
}
	.hpaboutsect{
		flex-wrap: wrap;
		padding: 14% 5%;
		justify-content: center;
	}
	.hpaboutleft {
    width: 100%;
    padding-right: 0%;
}
	.hpaboutright {
		width: 100%;
	justify-content: center;
	}
	.hpaboutimg1 {
    width: 30%;
    left: -40px;
	top: 125px;
}
.hpaboutimg2 {
    width: 55%;
    bottom: -80px;
    left: -70px;
}
	.hpaboutimg2 img {
    width: 100%;
    bottom: 24px;
    left: 85px;
}
	.inventorypadding {
    padding: 2% 5% 14% 5%;
}
}
@media only screen and (max-width: 815px) {
	.hpreviewsect{
		flex-wrap: wrap;
	}
	.hpreview {
		width: 100%;
		padding: 24px 0px;
	}
	
	.hpreviewbtn {
    width: 100%;
	}
	.contactpagesect{
		flex-wrap: wrap;
	}
	.outsidecpform{
		width: 94%;
	}

}
@media only screen and (max-width: 795px) {

}
@media only screen and (max-width: 650px) {
	.header{
	flex-wrap: wrap;	
	}
	.headerlogo {
    width: 100%;
		text-align: center;
}
	.goldbtn{
		font-size: 15px;
	}
	
}
@media only screen and (max-width: 575px) {
	.footersect {
    width: 100%;
	}
	.footer {
    padding: 8% 2%;
}
	.aboutright {
    width: 85%;
}
	.aboutleft a {
    margin: 15px 15px 0px 0px;
    width: 65%;
    display: block;
    padding: 12px 0px;
    text-align: center;
}
	.heroslides{
		height: 430px;
	} 
	.hpcontactsect {
		padding: 20% 2%}
	.hpcontactinfobox{
		font-size: 18px;
		
	}
	.ltbrownheader{
		font-size: 26px;
	}
}
@media only screen and (max-width: 510px) {
	.invcatbtnsect {
    width: 96%;
    margin: 0% 2%;
}
	.hpaboutimg2 {
    width: 63%;
    bottom: -80px;
    left: -80px;
	background: transparent;
}
.hpaboutimg2 img {
    width: 100%;
    bottom: 24px;
    left: 85px;
}
	.hpaboutimg1 {
    width: 40%;
    left: 0px;
    top: 45px;
}
	.hpaboutright{
	padding: 5% 0%;	
	}

	.blkpara{
		font-size: 15px;
	}
	.aboutleft a {
	width: 88%;	
	}
	.subpageheadersect {
    margin-right: 2px;
	padding: 14px 5%;	

}
}
@media only screen and (max-width: 472px) {
.invcatbtn {
    width: 98%;
	margin: 1% 0%;
}
.invcatbtnsect {
    width: 100%;
    margin: 0% 0%;
}	
	.hptestamonials {
	padding: 20% 5%;
	}
	.footerlinks {
    width: 100%;
}
	.outsidecpform {
		padding: 15px;}
	.cpform {
    border: 2px solid #d9bf93;
    padding: 50px 30px 50px 16px;
	}
	.invcatbtn:hover{
		margin: 1% 0%;

	}
	.contactsidebar {
    width: 88%;
	padding: 10% 6%;
	}
	.contactinfoflex{
	flex-wrap: wrap;
	}
	.cpinforight{
		padding-top: 7px;
		width: 100%;
	}
	.hpcontactbox{
		flex-wrap: wrap;
	}
	.hpcontactinfobox {
    font-size: 16px;
    padding-top: 10px;
    width: 100%;
}
	.hpcontactsect {
    padding: 20% 4%;
}
}
@media only screen and (max-width: 348px) {
	.smyellowtext {
		font-size: 14px;
	}
	.contactsidebar {
    width: 96%;
    padding: 10% 2%;
}
	.whitelink {
	font-size: 14px;
	}
}
@media only screen and (max-width: 322px) {
	.headerphone {
    font-size: 14px;
}
	.invcatleft{
		display: none;
	}
	.invcatright{
		display: none;
	}
	.invcatmiddle {
    width: 100%;
}
	.ltbrownheader{
		font-size: 25px;
		line-height: 24px;
	}
	.hpcontactsect {
    padding: 18% 2%;
    flex-wrap: wrap;
}
	.hpcontacticon {
    padding-right: 12px;
}
	
	.yellowtext{
		font-size: 14px;
	}
	.goldheader {
	font-size: 30px;
	}
	.aboutleft a {
    width: 100%;
}
	.fullformfield{
		width: 90%;
	}
	.commentsfull{
		width: 90%;
	}
	.cpform {
    border: 2px solid #d9bf93;
    padding: 10px;
}
	.contactsidebar{
	width: 100%;
    padding: 12% 0%;	
	}
}