/***** 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; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
body {

}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.cb-header {
	position: relative; z-index: 1004; width: 100%; padding: 0 max(0px, calc(50% - 1000px)); 
	background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .1); 
	display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; 
}
.cb-topheader {
	position: relative; z-index: 2; width: calc(100% - 250px); padding: 6px 30px 0 0; 
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; column-gap: 16px; 
}
.cb-topheader:before {
	position: absolute; content: ""; z-index: 1; top: 0; right: 0; width: 100%; height: 40px; 
	background: #ebebeb; border-bottom-left-radius: 40px; 
}
.cb-topheader > * { position: relative; z-index: 2; }
.header-logo {
	position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); left: max(30px, calc(50% - 976px)); 
	height: calc(100% - 12px); 
}
.header-logo img { width: auto; max-width: 40vw; height: 100%; object-fit: contain; object-position: 0% 50%; }
.nav-div {
	position: relative; z-index: 4; width: calc(100% - 250px); height: 80px; 
	display: flex; justify-content: flex-start; align-items: stretch; 
}

/* Site Colors: 
	
	Maroon: #7f1732; rgba(127, 23, 50, 1); 
	Hover Maroon: #520f21; rgba(82, 15, 33, 1); 
	
	Light Gray: #ebebeb; rgba(235, 235, 235, 1); 
*/
/*---BODY--------------------------------*/
.invisilink {
	font-family: 'obvia', sans-serif; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; 
	transition: .25s ease all; 
}
a.invisilink:hover { color: #7f1732; text-decoration: underline; }
a.invisilink.hvr-gray:hover { color: #ddd!important; text-decoration: underline; }
a.hvr-gray:hover { color: #ddd!important; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.btn-link, .basic-link, .foot-nav a, 
nav ul li a, #menu-button a span, .nav-footer, 
label, input, select, textarea, button, 
.txt-default, .content-sect p, .title, .subtitle {
	font-family: 'obvia', sans-serif; font-weight: 500; 
}

.txt-default, .content-sect p {
	font-size: 17px; line-height: 1.5; letter-spacing: .2px; text-align: left; 
}

.title {
	font-size: 38px; font-weight: 800!important; 
}

.subtitle {
	font-weight: 500; 
}

/* buttons / links / <a> / ctas */
.btn-link {
	position: relative; z-index: 2; padding-right: 14px; 
	display: flex; justify-content: flex-start; align-items: center; column-gap: 14px; 
	font-size: 19px; text-align: left; color: #000; text-transform: uppercase; letter-spacing: .25px; 
	border-bottom: 3px solid #7f1732; cursor: pointer; 
	transition: .2s ease all; 
}
.btn-link:before {
	position: absolute; z-index: -1; content: ""; top: 0; left: 0; right: calc(100% - 44px); height: 100%; 
	background: #7f1732; transition: .2s ease all; 
}
.btn-link i { 
	width: 44px; min-width: 44px; height: 100%; min-height: 41px; padding-top: 3px; 
	font-size: 21px; text-align: center; background: #7f1732; color: #fff; 
	display: flex; justify-content: center; align-items: center; 
	transition: .2s ease all; 
}
.btn-link.btn-black { border-bottom-color: #000; }
.btn-link.btn-black:before { background: #000; }
.btn-link.btn-black i { background: #000; }
.btn-link:hover, .btn-link.btn-black:hover { 
	column-gap: 2px; padding-right: 16px; 
	color: #fff; border-bottom-color: #520f21; transition: .3s ease all; 
}
.btn-link:hover i, .btn-link.btn-black:hover i { background: #520f21; font-size: 19px; transition: .3s ease all; }
.btn-link:hover:before, .btn-link.btn-black:hover:before { right: 0; background: #520f21; transition: .3s ease all; }

.btn-link.icon-only { padding-right: 0; }
a.btn-link.txt-bold { font-size: 20px; }

.btn-link.steadying-marg, .btn-link.btn-black.steadying-marg { margin-right: 0px; }
.btn-link.steadying-marg:hover, .btn-link.btn-black.steadying-marg:hover { margin-right: 10px; }
.btn-link.steadying-marg-lefty, .btn-link.btn-black.steadying-marg-lefty { margin-left: 0px; }
.btn-link.steadying-marg-lefty:hover, .btn-link.btn-black.steadying-marg-lefty:hover { margin-left: 10px; }

.foot-nav a, .basic-link {
	position: relative; color: #000; 
	display: flex; justify-content: flex-start; align-items: center; 
	text-transform: uppercase; text-align: left; 
	transition: .15s ease all; 
}
.foot-nav a:hover, a.basic-link:hover { color: #7f1732; transition: .25s ease all; }

/* sections */
.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 16px; 
}
.content-sect.center-style { align-items: center; }

.content-sect p { width: 100%; }

.horiz-sect {
	width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 16px; row-gap: 16px; 
}
.horiz-sect.center-style, .content-sect.center-style .horiz-sect { justify-content: center; }

.mission {
	position: relative; width: 100%; padding: 60px max(5%, calc(50% - 980px)); 
	display: flex; justify-content: space-between; align-items: stretch; row-gap: 40px; 
}
.mission:before, .mission:after, .mission > .content-sect:before, .mission .missionimg:before { 
	position: absolute; content: ""; z-index: 1; 
}
.mission:before, .mission > .content-sect:before { background: #ebebeb; }
.mission:after, .mission .missionimg:before { background: #7f1732; }

.mission > .content-sect { position: relative; z-index: 2; width: 50%; padding: 32px 0; }
.mission > .content-sect > * { position: relative; z-index: 2; }
.mission .missionimg { position: relative; z-index: 2; width: calc(50% - 60px); min-height: 400px; }
.mission .map-div { min-height: 350px; }

/* 	.mission-righty means .missionimg is on the right side on desktop
	similarly, .mission-lefty means .missionimg is on the left side on desktop */

.mission-top > .content-sect { width: calc(50% - 60px); }
.mission-top:before { /* content-sect gray */
	top: 50%; transform: translateY(-50%); height: calc(100% - 120px); 
	border-top-left-radius: 40px; border-bottom-left-radius: 40px; 
}
.mission-top.mission-righty:before { right: calc(50% + 74px); left: max(0px, calc(50% - 1120px)); }
.mission-top.mission-lefty:before { left: calc(50% + 74px); right: max(0px, calc(50% - 1120px)); }
.mission-top:after { /* missionimg maroon */
	top: 0; height: calc(100% - 24px); width: min(35%, 500px); 
	border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; 
}
.mission-top.mission-righty:after { right: max(24px, calc(50% - 1120px)); }
.mission-top.mission-lefty:after { left: max(24px, calc(50% - 1120px)); }

.mission-top.mission-lefty > .content-sect:before, .mission-top.mission-righty > .content-sect:before { 
	top: 0; width: 92.5%; height: 100%; 
}
.mission-top.mission-lefty > .content-sect:before, .mission-top.mission-righty > .missionimg:before, 
.mission-horiz.mission-lefty > .content-sect:before, .mission-horiz.mission-righty > .missionimg:before { 
	right: 0; border-top-left-radius: 24px; border-bottom-left-radius: 24px; 
}
.mission-top.mission-righty > .content-sect:before, .mission-top.mission-lefty > .missionimg:before, 
.mission-horiz.mission-righty > .content-sect:before, .mission-horiz.mission-lefty > .missionimg:before { 
	left: 0; border-top-right-radius: 24px; border-bottom-right-radius: 24px; 
}
.mission-top .missionimg:before, .mission-top .missionimg:before, 
.mission-horiz > .missionimg:before { 
	top: 0; height: 100%; width: 30%; 
}

.mission-horiz:before { /* content-sect gray */
	bottom: 0; height: calc(100% - 60px); width: min(6%, 160px); 
}
.mission-horiz.mission-righty:before { 
	left: max(0px, calc(50% - 1120px)); border-top-right-radius: 40px; 
}
.mission-horiz.mission-lefty:before { 
	right: max(0px, calc(50% - 1120px)); border-top-left-radius: 40px; 
}
.mission-horiz:after { /* missionimg maroon */
	top: 50%; transform: translateY(-50%); height: calc(100% - 48px); width: 40%; max-width: 900px; 
}
.mission-horiz.mission-righty:after { 
	right: max(0px, calc(50% - 1120px)); border-top-left-radius: 40px; border-bottom-left-radius: 40px; 
}
.mission-horiz.mission-lefty:after { 
	left: max(0px, calc(50% - 1120px)); border-top-right-radius: 40px; border-bottom-right-radius: 40px; 
}

.mission-horiz > .content-sect:before { top: 0; height: 100%; width: 7%; }

.missionimg > img, .hero > img, .subhero > img, .bg-declareimg > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.missionimg > img { z-index: 2!important; }

.map-div iframe, .large-map iframe { position: relative; z-index: 2; width: 100%; height: 100%; min-height: 300px; }

/* Homepage - default.htm */
.homepage, .subpage {
	width: 100%; position: relative; 
	display: flex; flex-direction: column; align-items: center; 
}

.hero {
	position: relative; width: 100%; height: clamp(650px, calc(100vh - 130px), 900px); 
	padding: 250px min(5%, calc(50% - 1000px)) 100px min(5%, calc(50% - 1000px)); 
	display: flex; flex-direction: column; align-items: center; justify-content: flex-end; row-gap: 100px; 
	background: #000; background-image: url('/siteart/hero1.jpg'); 
	background-size: cover; background-position: 40% 25%; background-repeat: no-repeat; 
}
.hero > img, .hero .carousel {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
}
.hero > img { object-fit: cover; object-position: center; }

.hero .carousel { 
	background: #222; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; 
}
.hero .carousel-cell { 
	display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; 
}
.hero .carousel-cell-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero .carousel .flickity-prev-next-button { display: none!important; }
.hero .carousel .flickity-prev-next-button:hover { display: none!important; }

.hero-overlay {
	position: relative; z-index: 3; padding-left: 5%; padding-right: 5%; pointer-events: none; 
	display: flex; flex-direction: column; align-items: center; row-gap: 16px; 
}
.hero-overlay * { pointer-events: all; }
.hero-overlay h1, .hero-overlay p { text-align: center; color: #fff; text-shadow: 1px 1px 0 #000, 0 0 20px #000; } 
.hero-overlay .btn-link { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 20px #000; }
.hero-overlay .btn-link i { text-shadow: none; }

.hero .toolbar { z-index: 3; pointer-events: none; }
.hero .toolbar:before {
	position: absolute; z-index: -1; content: ""; bottom: 0; left: 0; width: 100%; height: 400px; 
	pointer-events: none; opacity: .5; 
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 120px, rgba(0, 0, 0, 1) 100%); 
}
.toolbar {
	position: relative; width: 100%; padding: 0 max(5%, calc(50% - 1000px)); 
	display: flex; justify-content: center; align-items: stretch; 
}
.tool {
	position: relative; width: 25%; background: rgba(0, 0, 0, 0); padding: 40px 20px; 
	display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; 
	transition: .2s ease all; pointer-events: all; 
}
.tool img {
	position: relative; z-index: 2; width: 100%; height: 90px; margin-bottom: 16px; 
	object-fit: contain; object-position: 50% 50%; 
	filter: drop-shadow(1px 1px 0 #000) drop-shadow(0 0 20px #000) drop-shadow(0 0 32px #000); 
	transition: .2s ease all; 
}
.tool i {
	position: relative; z-index: 2; width: 100%; height: 90px; font-size: 90px; text-align: center; margin-bottom: 16px; 
	filter: drop-shadow(1px 1px 0 #000) drop-shadow(0 0 20px #000) drop-shadow(0 0 32px #000); color: #fff; 
	transition: .2s ease all; 
}
.tool span { 
	position: relative; z-index: 3; display: inline; 
	font-size: 24px; text-transform: uppercase; text-align: center; 
	color: #fff; text-shadow: 1px 1px 0 #000, 0 0 20px #000, 0 0 32px #000; 
	transition: .2s ease all; 
}
.tool .subtitle {}
.tool .title {}
a.tool:hover { background: rgba(82, 15, 33, .75); transition: .35s ease all; }
a.tool:hover i { transform: scale(1.08); filter: drop-shadow(1px 1px 0 #000); transition: .35s ease all; }
a.tool:hover img { transform: scale(1.08); filter: drop-shadow(1px 1px 0 #000); transition: .35s ease all; }
a.tool:hover span { text-shadow: 1px 1px 0 #000; transition: .35s ease all; }

/* subpages */
.subpage { 
	/* default styles under .homepage */
}

.subhero {
	position: relative; width: 100%; padding: 50px 5%; min-height: 200px; 
	display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 16px; 
}
.subhero > *:not(img) { position: relative; z-index: 3; }
.subhero > img { filter: grayscale(1) brightness(.75); }
.subhero .title, .subhero .subtitle { text-transform: uppercase; }
.subhero .title, .subhero .subtitle, .subhero p { 
	text-align: center; color: #fff; text-shadow: 1px 1px 0 #000, 0 0 20px #000; 
} 
.subhero .btn-link { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 20px #000; }
.subhero .btn-link i { text-shadow: none; }

/* about-us.htm */
.aboutpage {}

.aboutpage .toolbar .tool { width: 33.333333%; }
.aboutpage .toolbar .tool .subtitle { font-size: 18px; width: 100%; }

/* contact-us.htm */
.contactpage {}

.mission-contactinf { align-items: center!important; row-gap: 0!important; padding: 0!important; }
.mission-contactinf:before { display: none!important; }
.mission.mission-top.mission-contactinf > .content-sect { 
	width: 50%; padding: 60px max(5vw, calc(50vw - 980px)) 60px 0!important; 
}
.mission.mission-top.mission-contactinf > .content-sect:before { 
	display: flex!important; width: calc(100% - 12px); height: calc(100% - 40px); top: 50%; transform: translateY(-50%); 
}
.mission-contactinf > .content-sect > .horiz-sect { }
.mission-contactinf > .content-sect .horiz-sect.btn-holder { width: 250px!important; }
.mission-contactinf > .content-sect > .horiz-sect p { width: unset!important; }

.large-map iframe { height: 400px; }

/* consignments.htm */
.consignpage {}

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.center-style, .center-style .title, .center-style p, 
.title.center-style, p.center-style { text-align: center; }

.bg-black { background: #000; }
.bg-declareimg { position: relative; }
.bg-declareimg > * { position: relative; z-index: 3; }

.bg-black .title, .bg-black .subtitle, .bg-black p, .bg-black .btn-link, .bg-black .basic-link { color: #fff; }

.break-letter { word-break: break-all; word-wrap: break-word; }

.width100 { width: 100%; }
.width50 { width: 50%; }
.horiz-sect .width50 { width: calc(50% - 12px); /* col-gap * 1/2 */ }

.padtb-xl { padding-top: 100px; padding-bottom: 100px; }
.padtb-lg { padding-top: 80px; padding-bottom: 80px; }
.padtb-med { padding-top: 60px; padding-bottom: 60px; }
.padtb-sm { padding-top: 24px; padding-bottom: 24px; }
.padtb-xs { padding-top: 12px; padding-bottom: 12px; }

.padt-xl { padding-top: 100px; }
.padt-lg { padding-top: 80px; }
.padt-med { padding-top: 60px; }
.padt-smed { padding-top: 40px; }
.padt-sm { padding-top: 24px; }
.padt-xs { padding-top: 12px; }

.padb-xl { padding-bottom: 100px; }
.padb-lg { padding-bottom: 80px; }
.padb-med { padding-bottom: 60px; }
.padb-smed { padding-bottom: 40px; }
.padb-sm { padding-bottom: 24px; }
.padb-xs { padding-bottom: 12px; }

.padlr-lg { padding-left: max(7%, calc(50% - 840px)); padding-right: max(7%, calc(50% - 840px)); }
.padlr-med { padding-left: max(5%, calc(50% - 900px)); padding-right: max(5%, calc(50% - 900px)); }
.padlr-smed { padding-left: max(4.25%, calc(50% - 980px)); padding-right: max(4.25%, calc(50% - 980px)); }
.padlr-sm { padding-left: max(24px, calc(50% - 980px)); padding-right: max(24px, calc(50% - 980px)); }

.marglr-auto { margin-left: auto; margin-right: auto; }

.margtb-xl { margin-top: 60px; margin-bottom: 60px; }
.margtb-lg { margin-top: 40px; margin-bottom: 40px; }
.margtb-med { margin-top: 24px; margin-bottom: 24px; }
.margtb-sm { margin-top: 12px; margin-bottom: 12px; }
.margtb-xs { margin-top: 6px; margin-bottom: 6px; }

.margt-xl { margin-top: 60px; }
.margt-lg { margin-top: 40px; }
.margt-med { margin-top: 24px; }
.margt-sm { margin-top: 12px; }
.margt-xs { margin-top: 6px; }

.margb-xl { margin-bottom: 60px; }
.margb-lg { margin-bottom: 40px; }
.margb-med { margin-bottom: 24px; }
.margb-sm { margin-bottom: 12px; }
.margb-xs { margin-bottom: 6px; }

/* forced styles */
.txt-bold { font-weight: 800!important; }
.txt-upper { text-transform: uppercase!important; }

.force-widthunset { width: unset!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.cb-footer {
	position: relative; width: 100%; padding: 32px max(15%, calc(50% - 600px)) 0 max(15%, calc(50% - 600px)); 
	display: flex; justify-content: space-between; align-items: center; column-gap: clamp(80px, 8%, 120px); row-gap: 24px; 
}
.foot-logo-div { 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
}
.foot-logo-div, .foot-logo, .foot-logo img { width: 180px; }
.foot-logo img { 
	height: auto; object-fit: contain; object-position: center; 
}
.cb-foot-main {
	position: relative; flex-grow: 1; padding: 20px 40px 40px 0; 
	display: flex; flex-direction: row; align-items: flex-start; column-gap: clamp(80px, 8vw, 250px); row-gap: 50px; 
}
.cb-foot-main:before {
	position: absolute; content: ""; top: 0; left: 14px; width: calc(100% - 16px); height: 100%; 
	background: #ebebeb; border-top-left-radius: 60px; border-top-right-radius: 60px; 
}
.cb-foot-main > * { position: relative; z-index: 2; }
.foot-soc {
	position: relative; width: 350px; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 20px; 
}
.foot-nav {
	padding-top: 24px; width: calc(100% - 400px); 
	display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; 
	column-gap: 12px; row-gap: 4px; 
}
.foot-nav a { font-size: 17px; padding: 6px 16px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2000px) {		/* !! mind the min-width !! */
	.cb-topheader:before { border-bottom-right-radius: 40px; }
	
	.mission-top:before, .mission-horiz:after { border-radius: 24px; }
	.mission-horiz:before { border-top-left-radius: 24px; border-top-right-radius: 24px; }
}

@media only screen and (max-width: 1600px) {
	.cb-footer { padding-left: 10%; padding-right: 10%; }
}

@media only screen and (max-width: 1500px) {
	.toolbar { padding-left: 2.5%; padding-right: 2.5%; }
}

@media only screen and (max-width: 1400px) {
	.mission-top > .content-sect, .mission-top .missionimg { width: calc(50% - 50px); }
	.mission-top.mission-lefty:before { left: calc(50% + 62px); }
	.mission-top.mission-righty:before { left: calc(50% + 62px); }
}

@media only screen and (max-width: 1350px) {
	.title { font-size: 34px; }
	
	.toolbar { padding-left: 0; padding-right: 0; }
	
	.cb-footer { padding-left: 5%; padding-right: 5%; }
}

@media only screen and (max-width: 1300px) {
	.mission .missionimg { min-height: 325px; }
}

@media only screen and (max-width: 1270px) {
	.tool span { display: flex; justify-content: center; width: 100%; }
}

@media only screen and (max-width: 1250px) {
	.mission { padding-left: 3%; padding-right: 3%; }
	.mission-horiz:before { width: 4.5%; }
	.mission-horiz:after { width: 35%; }
	.mission-top.mission-lefty:before { left: calc(50% + 62px); }
	.mission-top.mission-righty:before { left: calc(50% + 62px); }
	.mission-top.mission-lefty:after { left: 12px; }
	.mission-top.mission-righty:after { right: 12px; }
	
	.mission.mission-top.mission-contactinf:after { width: 380px!important; }
	.mission.mission-top.mission-contactinf > .missionimg { width: 480px!important; padding-left: 3vw!important; }
	.mission.mission-top.mission-contactinf > .content-sect { width: calc(100% - 520px)!important; padding-right: 3vw!important; }
	
	.cb-foot-main { column-gap: 24px; }
	.foot-nav { width: calc(100% - 380px); }
}

@media only screen and (max-width: 1200px) {
	.mission .missionimg { min-height: 300px; }
}

@media only screen and (min-width: 1121px) {		/* !! mind the min-width !! */
	.mission-horiz > .content-sect:before, .mission-horiz > .missionimg:before, .mission-top.mission-lefty > .content-sect:before, .mission-top.mission-righty > .content-sect:before, .mission-top.mission-lefty > .missionimg:before, .mission-top.mission-righty > .missionimg:before { display: none!important; }
}

@media only screen and (max-width: 1120px) {
	.mission { flex-direction: column; padding-left: 0; padding-right: 0; }
	.mission-cr, .mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; }
	.mission-horiz:before, .mission-horiz:after, .mission-top.mission-lefty:before, .mission-top.mission-righty:before, .mission-top.mission-lefty:after, .mission-top.mission-righty:after { display: none!important; }
	.mission > .content-sect { padding: 24px 5%; }
	.mission .missionimg { padding: 24px 15%; min-height: 348px; }
	.mission .missionimg > img { top: 24px; height: calc(100% - 48px); left: 15%; width: 70%; }
	
	.mission.mission-top.mission-contactinf { padding-bottom: 24px!important; }
	.mission.mission-top.mission-contactinf:after { display: none!important; }
	.mission.mission-top.mission-contactinf > .missionimg { width: 100%!important; padding: 40px 5vw!important; }
	.mission.mission-top.mission-contactinf > .missionimg:before { width: 70%!important; }
	.mission.mission-top.mission-contactinf > .content-sect { width: 100%!important; padding: 60px 5vw!important; }
	.mission.mission-top.mission-contactinf > .content-sect:before { width: calc(95% - 12px)!important; height: calc(100% - 70px)!important; }
	
	.foot-nav { padding-top: 12px; flex-direction: column; align-items: flex-start; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1080px) {
	.cb-topheader { padding-right: 12px; }
	.nav-div { justify-content: flex-end; }
}

@media only screen and (min-width: 1021px) {		/* !! mind the min-width !! */
	.hero .toolbar:before { display: none!important; }
}

@media only screen and (max-width: 1020px) {
	.hero { height: unset; padding-top: 200px; padding-bottom: 0; }
	
	.toolbar { flex-wrap: wrap; padding-left: 5%; padding-right: 5%; }
	.tool, .aboutpage .toolbar .tool { width: 50%; }
	.tool img { height: 80px; }
	.tool span { display: inline; width: unset; }
}

@media only screen and (max-width: 1000px) {
	.foot-logo-div, .foot-logo, .foot-logo img { width: min(160px, 80vw); }
	.foot-soc { width: 280px; }
	.cb-foot-main { justify-content: space-between; column-gap: 0; }
	.foot-nav { width: calc(100% - 300px); }
}

@media only screen and (max-width: 920px) {
	.mission .missionimg { padding-left: 5%; padding-right: 5%; }
	.mission .missionimg > img { left: 5%; width: 90%; }
	
	.cb-footer { padding-right: 0; column-gap: 60px; }
	.cb-foot-main:before { border-top-right-radius: 0; }
}

@media only screen and (max-width: 850px) {
	.hide850 { display: none!important; }
}

@media only screen and (max-width: 800px) {
	.hero { padding-top: 150px; }
	
	.toolbar { padding-left: 0; padding-right: 0; }
	
	.cb-footer { align-items: flex-start; }
	.foot-logo-div { margin-top: 56px; }
	.cb-foot-main { flex-direction: column; padding-bottom: 60px; }
	.foot-soc, .foot-nav { width: 100%; }
	.foot-nav { flex-direction: row; align-items: center; padding-left: 40px; padding-top: 0; }
}

@media only screen and (max-width: 680px) {
	.hide680 { display: none!important; }
	
	.icon-only680, .icon-only680:hover { padding-right: 0; }
}

@media only screen and (max-width: 650px) {
	.tool span { display: flex; justify-content: center; width: 100%; }
	
	.foot-nav { flex-direction: column; align-items: flex-start; }
}

@media only screen and (max-width: 630px) {
	.mission-contactinf > .content-sect > .horiz-sect { flex-direction: column; align-items: flex-start; }
	.mission-contactinf > .content-sect .horiz-sect.btn-holder { width: 100%; }
}

@media only screen and (max-width: 550px) {
	.cb-footer { flex-direction: column; align-items: center; padding-left: 0; }
	.cb-foot-main { width: 100%; padding-left: 5%; padding-right: 5%; align-items: center; }
	.cb-foot-main:before { width: calc(100% - 32px); border-top-right-radius: 60px; }
	.foot-soc { width: unset; }
	.foot-nav { padding: 0; align-items: center; }
	.foot-nav a { text-align: center; }
}

@media only screen and (max-width: 520px) {
	.hero > img, .hero .carousel { height: calc(100% - 480px); }
	
	.hero .toolbar:before { opacity: 1; height: 600px; }
	
	.tool, .aboutpage .toolbar .tool { width: 100%; padding: 20px 5%; }
	.tool img { height: 70px; }
	.tool span { display: inline; width: unset; }
}

@media only screen and (max-width: 500px) {
	.cb-topheader { width: 100%; column-gap: 8px; }
	.cb-topheader:before { border-bottom-left-radius: 0; }
	.header-logo { top: unset; transform: none; height: calc(100% - 24px); bottom: 8px; left: 5%; }
}

@media only screen and (max-width: 350px) {
	.hide350 { display: none!important; }
	
	.cb-foot-main:before { width: 100%; left: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; }
}

@media only screen and (max-width: 282px) {
	.hide282 { display: none!important; }
}

@media only screen and (max-width: 280px) {
	.hide280 { display: none!important; }
}