﻿/***** 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, img {  
    display: block;  
} 
/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.wrapper{width:96%;max-width:1280px;margin:0 auto;}

/********** Control the Captcha **********/
.CaptchaPanel {
margin: 10px auto !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImage {
	border: 1px solid #333 !important;
	margin: 0px auto !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0 !important;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin: 5px auto !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin: 10px auto;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/***** Overall *****/
html {
	width: 100%;
	height: auto;
}

body {
	width: 100%;
	height: auto;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	font-size: 0px;
	background: url(../siteart/images/subtle_dots.png) !important;
	background-repeat: repeat;
}

/********** Header **********/
.heading1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: aliceblue;
	background: url(../siteart/images/header_landing_2.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.heading1 .logo1 {
	*width: 500px;
	*height: 500px;
	*margin: 75px auto;
	width: 600px;
	height: 600px;
	margin: 25px auto;
	*box-shadow: 0px 0px 80px #fff;
	position: relative;
	display: block;
	*background-color: orange;
	background: url(../siteart/logos/Carmichael-logo_glow.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.heading1 .contact1 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	position: relative;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.75);
}

.heading1 .contact1 .contact-info {
	width: auto;
	height: auto;
	margin: 20px 30px;
	position: relative;
	display: inline-block;
	*background-color: aliceblue;
}

.heading1 .contact1 .contact-info h1 {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
}

.heading1 .contact1 .contact-info p {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
}

.heading1 .contact1 .contact-info a {
	text-decoration: none;
	color: #1D3D66;
	transition: ease-out 0.15s;
}

.heading1 .contact1 .contact-info a:hover {
	color: #B23730;
	transition: ease-in 0.15s;
}

.heading2 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: aliceblue;
	*background: url(../siteart/images/subtle_dots.png);
	background: url(../siteart/images/header_pages2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}

.heading2 .logo2 {
	width: 250px;
	height: 175px;
	margin: 18px 0px 18px 48px;
	text-align: left;
	position: relative;
	display: inline-block;
	*background-color: pink;
	float: left;
}

.heading2 .logo2 img {
	width: auto;
	height: 100%;
	margin: 0px auto;
	position: relative;
	display: inline-block;
}

.heading2 .contact2 {
	width: 325px;
	height: auto;
	margin: 28px 48px 18px 0px;
	text-align: left;
	position: relative;
	display: inline-block;
	*background-color: lightblue;
	float: right;
}

.heading2 .contact2 .contact3 {
	width: 100%;
	height: auto;
	font-size: 16px;
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	margin-bottom: 7px;
}

.heading2 .contact2 .contact3 a {
	text-decoration: none;
	color: #1D3D66;
	transition: ease-out 0.15s;
}
.heading2 .contact2 .contact3 a p {
	    font-size: 16px;
    line-height: auto;
    margin: 0 !important;
}

.heading2 .contact2 .contact3:hover a {
	color: #B23730;
	transition: ease-in 0.15s;
}

.heading2 .contact2 .contact3 strong {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.finance-btn {float: left; display: flex;font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center;text-align: center;flex-grow:1; align-items:center;justify-content: center; font-size: 16px; font-weight: bold; color: #000; padding:0 20px;}
.finance-btn a {text-decoration: none; color: #000;}
.finance-btn img {width:auto;height: auto; max-width:100%; margin-bottom:3px;}

.tagline{float:left;display:flex;font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;width: calc(100% - 715px);height:190px;text-align: center;align-items:center;justify-content: center;}

.tagline .goal{font-weight:700;font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;font-style: italic;text-transform:uppercase;flex-grow:1;}
.tagline .goal p{
        font-size: 24px;
    line-height: auto;
    margin: 0 !important;
}

.tagline .burst{font-size: 18px;font-weight:700;font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;font-style: italic;text-transform:uppercase;padding:0 20px;flex-grow:1;}
.tagline .burst img{max-height:150px;width:auto;display:inline-block;}

/********** Content **********/
.enter-auctions {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

.enter-consign {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

.enter-site h1, .enter-auctions h1, .enter-consign h1 {
	font-family: 'Roboto Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 36px;
	word-spacing: 2px;
	text-align: center;
	margin: 15px auto;
	text-transform: uppercase;
	color: #fff;
}

.enter-site {
	margin: 20px 20px 20px auto;
	float: left;
	background-color: #1D3D66;
	transition: ease-out 0.15s;
}

.enter-site:hover {
	background-color: #0D5B90;
	transition: ease-in 0.15s;
}

.enter-auctions {
	margin: 20px auto;
	background-color: #B23730;
	transition: ease-out 0.15s;
}

.enter-auctions:hover {
	opacity: 0.75;
	transition: ease-in 0.15s;
}

.enter-consign {
	margin: 0px auto 20px auto;
	background-color: #B3B3B0;
	transition: ease-out 0.15s;
}

.enter-consign:hover {
	background-color: #CACAC7;
	transition: ease-in 0.15s;
}

.summary1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: aliceblue;
}

.summary1 .button-section {
	width: 1500px;
	max-width: calc(100% - 36px);
	height: auto;
	margin: 0px auto;
}

.summary1 .button-section .enter-inventory {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	transition: ease-out 0.15s;
	*background-color: orange;
}

.enter-inventory:hover {
	opacity: 0.75;
	transition: ease-in 0.15s;
}

.summary1 .button-section .enter-inventory .photo1 {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: green;
	overflow: hidden;
}

.summary1 .button-section .enter-inventory .photo1 img {
	width: 100%;
	height: auto;
	margin: 0px auto;
}

.summary1 .button-section .enter-inventory .name1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: #1D3D66;
}

.summary1 .button-section .enter-inventory .name1 h1 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 26px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin: 14px auto;
}

.summary2 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: pink;
	background: url(../siteart/images/equipment_background.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.summary2 .button-section {
	width: 1500px;
	max-width: calc(100% - 36px);
	height: auto;
	margin: 0px auto;
}

.summary2 .button {
	width: 200px;
	height: 200px;
	margin: 20px;
	position: relative;
	display: inline-block;
	background-color: #1D3D66;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.summary2 .button img {
	width: 70%;
	height: auto;
	position: relative;
	display: inline-block;
	margin: 20px auto;
	transition: ease-out 0.15s;
}

.summary2 .button h1 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin: 15px auto;
	text-transform: uppercase;
	color: #fff;
}

.summary2 a:hover .button {
	background-color: #B23730;
	transition: ease-in 0.15s;
}

.summary3 {
	width: calc(100% - 72px);
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	*background-color: aliceblue;
}

.summary3 h1 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 36px;
	word-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	color: #1D3D66;
}

.summary3 h2 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 24px;
	color: #B23730;
}

.summary3 h3 {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arials, sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #333;
}

.summary3 h3 strong {
	font-weight: 700;
}

.summary3 h3 a {
	text-decoration: none;
	color: #333;
}

.summary3 h4 {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-top: 30px;
	color: #B23730;
}

.summary3 p {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	width: 80%;
	margin: 20px auto;
	color: #333;
}

.summary3 .map {
	width: 100%;
	height: 200px;
	margin-top: 20px;
	position: relative;
	display: inline-block;
}

.summary3 .map iframe {
	width: 100%;
	height: 100%;
}

.summary4 {
	width: 1250px;
	max-width: calc(100% - 36px);
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	*background-color: aliceblue;
}

.summary4 h1 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 36px;
	word-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	color: #1D3D66;
}

.summary4 h2 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 24px;
	color: #B23730;
}

.summary4 h3 {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arials, sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #333;
}

.summary4 h3 strong {
	font-weight: 700;
}

.summary4 h3 a {
	text-decoration: none;
	color: #333;
}

.summary4 h4 {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-top: 30px;
	color: #B23730;
}

.summary4 p {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	width: 80%;
	margin: 20px auto;
	color: #333;
}

.summary4 .map {
	width: 100%;
	height: 200px;
	margin-top: 20px;
	position: relative;
	display: inline-block;
}

.summary4 .map iframe {
	width: 100%;
	height: 100%;
}

.quicksearch{width: 320px;display:inline-block;margin: 10px 0;}
.quicksearch input{float:left;width: calc(100% - 65px);margin:0 0 0 0;border-radius: 0px;font-size: 14px;padding: 15px 15px;box-sizing: border-box;height: 50px;}
.quicksearch .button2[type="submit"] {
    width: 65px;
    height: 50px;
    border: #B23730 1px solid!important;
    float: left;
    margin: 0 0 0 0;
    border-radius: 0px;
    background-color: #B23730!important;
    cursor: pointer;
    padding: 0px!important;
}
.quicksearch .button2 img {
    margin: 0 auto;
}

#filter,#filter-menu{box-sizing: border-box}
#filter-menu{background: #f2f2f2;border: 1px solid #ccc;padding: 15px;font-size: 12px;text-align: left;}
#filter-menu input[type="submit"]:hover, #filter:hover{background: #B23730; cursor:pointer; }
#filter,#filter-menu input[type="submit"]{width: 100%; background: #B23730 ; font-weight:bold; text-align: center; text-transform: uppercase; color: #fff}
#filter-menu h2{font-size: 20px; color: #555; text-transform: uppercase; margin-bottom: 15px}
#filter-menu h3{font-size: 14px; color: #555; margin: 12px 0 2px}
#filter-menu label{display: block}
#filter-menu input[type="text"], #filter-menu select{box-sizing: border-box; width: 100%; float: none; font-size: 12px; margin: 3px 0; padding: 7px;}
#filter-menu input[type="submit"]{display: block; padding: 15px; margin-top: 10px; border-radius: 0; font-size: 12px}
#filter-menu .column6{padding: 0 2px 0 0;width: 49%;display: inline-block;}
#filter-menu .last{padding: 0}
#filter{display: none; padding: 13px 0; margin: 10px 0 0; font-size: 12px; cursor: pointer}

/* DETAILED SEARCH */

.detailed-form{background: #333; color: #fff;font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 800; padding: 25px 0; border-top: 3px #B23730 solid;text-align:left;}
.detailed-form h2{color: #fff;font-size: 30px;text-transform: uppercase;}
.detailed-search input, .detailed-search select{width: 100%;padding: 12px;font-size: 12px;background-color: #fff;border: 1px solid #dad9d9;box-sizing: border-box;margin: 5px 0;}
.detailed-row{margin: 10px 0; color: #fff; font-size: 14px;}
.detailed-search input[type=submit]{display: block; font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; background: #B23730; padding: 14px 0; width: 100%; color: #fff; border-radius: 0!important; outline: 0; border: none; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; cursor: pointer; position: relative; top: 14px;}
.detailed-search input[type=submit]:hover{background: #B23730;}

/* NOUI SLIDER */
.hp-slider .example-val {padding: 5px 0;}
.noUi-target{position: relative; direction: ltr}
.noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.noUi-handle{position: relative; z-index: 1}
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value{position: absolute}
.noUi-horizontal{height: 12px; z-index: 0}
.noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.noUi-background{background: #ccc;}
.noUi-connect{background: #B23730 !important; border: 1px #ccc solid;}
.noUi-target{width: calc(100% - 25px); margin: 15px auto;}
.noUi-handle{background: #fff !important; border: 1px solid #ccc; border-radius: 3px;}
.noUi-handle:after, .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.noUi-handle:after{left: 12px}
.noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.example-val{font-size: 12px; font-weight: 600; color: #fff;} .example-val span{font-weight: 400;}
#slider-price-value-lower:before, #slider-price-value-upper:before{content: '$'; padding-right: 2px}


/********** Form **********/
.input2 {
	margin: 9px auto;
	display: block;
}

.input2 input {
	padding: 10px;
	font-size: 18px;
	display: inline-block;
	position: relative;
	color: #333;
	width: 500px;
	letter-spacing: 0.5px;
}

.message {
	display: inline-block;
	margin: 9px auto;
}

.message textarea {
	padding: 10px;
	font-size: 18px;
	display: inline-block;
	position: relative;
	color: #333;
	width: 500px;
	height: 50px;
	letter-spacing: 0.5px;
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.CaptchaAnswerPanel {
	padding: 2px 0px 2px 0px !important;
}

#CaptchaAnswer {
	padding: 10px;
}

#submit {
	width: 200px;
	height: 50px;
	margin: 10px auto;
	border: 2px solid #B23730;
	color: #B23730;
	position: relative;
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 9px;
	background-color: transparent;
	cursor: pointer;
	transition: ease-out 0.15s;
}

#submit:hover {
	background-color: #B23730;
	color: #fff;
	transition: ease-in 0.15s;
}

/********** Inventory **********/
.hosted-content #listings-title {
	text-align: left;
}

.hosted-content .listings-wrapper, .hostedcontent .listings-detail-wrapper, .hosted-content .listings-dilldown-wrapper {
	text-align: left;
}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {
	background: #1D3D66 !important;
}

.hosted-content input[type='submit']:hover, .hosted-content button[type='submit']:hover, .hosted-content .btn:hover, .hosted-content .button:hover {
	background: #C0C0C0 !important;
}

.scrolling-wrap {
	width: 100%;
	height: 90px;
	overflow: hidden;
	background-color: pink;
}

.scrolling {
	width: 100%;
	height: 90px;
}

/********** Footer **********/
.footing {
	width: 100%;
	height: auto;
	*margin-top: 20px;
	position: relative;
	display: inline-block;
	color: #fff;
	background-color: #BCBEC0;
}

.footerlink {
	color: #fff;
}

.divfooter {
	width: 80%;
	margin: 20px auto;
	font-size: 12px;
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.divfooter a {
    color:#fff;
}
    
.column2, .column3, .column4, .column5, .column6{padding-right: 20px; box-sizing: border-box; float: left;}

.column2{width: 50%;} .column3{width: 33.33333%;} .column4{width: 25%;} .column5{width: 20%;} .column6{width: 16.66666%;}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}
.col:first-child { margin-left: 0; }

.hosted-content .col{margin:0 0 0 0;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 680px) {
	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
	#filter-search, #filter-box{display: none;}

}


/************************************************ Responsive Styles **/
@media screen and (max-width: 1366px) and (min-width:1281px) {
    .tagline .burst img {max-height: 120px;}
    .tagline .goal p {font-size: 18px;}
}

@media screen and (max-width: 1280px) and (min-width:1025px) {
	.heading1 {
		background-size: cover;
	}
	
	.summary2 {
		background-size: cover;
	}
	
	.summary1 .button-section .enter-inventory {
		width: 300px;
		margin: 20px 10px;
	}
    .tagline .burst img {max-height: 110px;}
.tagline .goal p{font-size:14px;}
	
}


@media screen and (max-width: 1024px) and (min-width:771px) {
	.heading1 {
		*height: 600px;
		height: auto;
		background-size: cover;
	}
	
	.heading1 .logo1 {
		width: 550px;
		height: 550px;
	}
    .tagline {flex-direction: column;}
	.tagline .goal p{display:none;}
    .finance-btn {padding:5px 0; font-size:12px;}
    .tagline .burst img {max-height:100px;}
	
	.enter-site {
		margin: 20px 10px 20px auto;
	}
	
	.enter-auctions {
		margin: 20px auto;
	}
	
	.enter-site h1, .enter-auctions h1, .enter-consign h1, .summary1 h1 {
		font-size: 28px;
	}
	
	.summary1 {
		background-size: cover;
	}
	
	.summary2 {
		background-size: cover;
	}
	
	.input2 {
		width: 100%;
	}
	
	.input2 input {
		width: 100%;
		box-sizing: border-box;
	}
	
	.message {
		width: 100%;
	}
	
	.message textarea {
		width: 100%;
		box-sizing: border-box;
	}
	
	.summary1 .button-section .enter-inventory {
		width: 220px;
		margin: 20px 10px 10px 10px;
	}
	
	.summary1 .button-section .enter-inventory .name1 h1 {
		font-size: 24px;
		margin: 10px auto;
	}
}
	

@media screen and (max-width: 770px) {
	.column2, .column3, .column4{padding-right: 0; margin: 10px 0; width: 100%;}
	.tagline{display:none;}

	.heading1 {
		height: auto;
		background-size: cover;
		background-position: 30%;
	}
	
	.heading1 .logo1 {
		width: 350px;
		height: 350px;
	}
	
	.heading1 .contact1 .contact-info {
		width: 90%;
		margin: 10px auto;
	}
	
	.heading1 .contact1 .contact-info h1 {
		font-size: 18px;
	}
	
	.heading1 .contact1 .contact-info p {
		font-size: 18px;
	}
	
	.enter-site, .enter-auctions, .enter-consign {
		width: 100%;
		margin: 10px auto;
		float: none;
	}
	
	.enter-site h1, .enter-auctions h1, .enter-consign h1, .summary1 h1, .summary3 h1 {
		font-size: 28px;
	}
	
	.summary1 {
		background-size: cover;
	}
	
	.summary1 p, .summary3 p {
		font-size: 14px;
		line-height: 20px;
	}
	
	.summary1 .button-section .enter-inventory {
		width: 100%;
		margin: 20px auto;
	}
	
	.summary1 .button-section .enter-inventory .photo1 {
		width: 100%;
	}
	
	.heading2 .logo2 {
		width: 100%;
		margin: 18px auto;
		text-align: center;
	}
	
	.heading2 .contact2 {
		display: none;
	}
	
	.summary2 {
		background-size: cover;
	}
	
	.summary2 .button {
		margin: 20px;
	}
	
	.summary3 {
		width: calc(100% - 36px);
	}
	
	.input2 {
		width: 100%;
	}
	
	.input2 input {
		width: 100%;
		box-sizing: border-box;
	}
	
	.message {
		width: 100%;
	}
	
	.message textarea {
		width: 100%;
		box-sizing: border-box;
	}
}