/***** 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 { font-family: 'museo-sans', sans-serif; font-weight: 300; }

html { scroll-behavior: smooth; }

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
header, footer, section, main, 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 {}

.aria-skip { position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0; }

.mj-header, header.mj-header { position: relative; z-index: 1004; width: 100%; padding-left: max(32px, calc(50vw - 1000px)); padding-right: max(0px, calc(50vw - 1000px)); margin-top: 32px; margin-bottom: -133px; background: #fff; display: flex; justify-content: space-between; align-items: center; column-gap: 50px; font-family: 'museo-sans', sans-serif!important; }
.mj-header, .nav-div { height: 96px; }
.header-logo, .header-logo img, .nav-div, .header-soc { position: relative; display: flex; flex-direction: row; }
.header-logo, .header-logo img { height: 150px; transition: .15s ease all; }
.header-logo { z-index: 3; justify-content: flex-start; align-items: center; }
.header-logo img { width: auto; object-fit: contain; object-position: center; }
.header-logo:hover img, .foot-logo:hover img { transform: scale(.97); }
.nav-div { z-index: 5; flex-grow: 1; justify-content: stretch; align-items: stretch; }
.header-soc { z-index: 2; min-width: 361px; padding: 16px 24px; align-items: center; border-top-left-radius: 32px; border-bottom-left-radius: 32px; }

/* Site Colors: 
	
	--> Blue: #384f99; rgba(56, 79, 153, 1); <--

	--> Brown: #5a4d3c; rgba(90, 77, 60, 1); <--

	Med-Dark (hover) Blue: #2f3b73; rgba(47, 59, 115, 1); 

	Dark Blue: #1d284e; rgba(29, 40, 78, 1); 

	X-Light Brown (darkmode subtitles): #d9d1c7; rgba(217, 209, 199, 1); 

	Dark Brown (text): #2b241d; rgba(43, 36, 29, 1); 
*/
/*---BODY--------------------------------*/
.invisilink { font-family: 'museo-sans', 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: #384f99; text-decoration: underline; }
.darkmode a.invisilink:hover, a.invisilink.darkmode:hover { color: #384f99; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p { font-family: 'museo-sans', sans-serif; font-size: 17px; font-weight: 300; line-height: 1.5; color: #2b241d; }

.title, .title-h1, .title-h2, .subtitle { font-family: 'museo-sans', sans-serif; width: 100%; color: #2b241d; }

.title, .title-h1, .title-h2, .title-h3 { font-weight: 900; }

.title-h1, .title.title-h1 { font-size: 80px; }
.title, .title-h2, .title.title-h2 { font-size: 46px; }
.title-h3, .title.title-h3 { font-size: 32px; }
.title-h4, .title.title-h4 { font-size: 20px; }

.subtitle { font-weight: 700; margin-bottom: 8px; }

.subtitle-h1, .subtitle.subtitle-h1 { font-size: 40px; }
.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 25px; }
.subtitle-h3, .subtitle.subtitle-h3 { font-size: 20px; }
.subtitle-h4, .subtitle.subtitle-h4 { font-size: 16px; }

.multi-title { position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; }

/* buttons / links / <a> / ctas */
.btnclass, .darkmode .btnclass, .listed { position: relative; min-width: 50px; min-height: 50px; display: flex; align-items: center; column-gap: 12px; font-weight: 500; cursor: pointer; font-family: 'museo-sans', sans-serif!important; transition: .25s ease all; }
.btnclass, .darkmode .btnclass, .shadowed .btnclass { padding: 8px 20px; justify-content: center; background: #384f99; color: #fff; text-shadow: none; font-size: 20px; }
.shadowed .btnclass, .btnclass.shadowed { box-shadow: 0 2px 20px rgba(0, 0, 0, .8); }
.btnclass:after, .darkmode .btnclass:after { position: relative; order: 2; content: "\f061"; font-family: 'Font Awesome 6 Free', icon!important; font-weight: 900!important; font-size: 15px; margin-left: 50px; color: #fff; transition: .25s ease all; }
.btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover { background: #1d284e; color: #fff; padding-left: 26px; padding-right: 26px; text-shadow: none; }
.btnclass:hover:after, .darkmode .btnclass:hover:after, .shadowed .btnclass:hover:after { margin-left: 38px; color: #fff; text-shadow: none; }
.btnclass.no-after:after, .darkmode .btnclass.no-after:after, .btnclass.no-after:hover:after, .darkmode .btnclass.no-after:hover:after { display: none!important; }

.listed { padding: 8px 12px; justify-content: center; }
.listed, .listed i, .listed span { color: #1d284e; transition: .25s ease all; }
.listed, .listed span { font-size: 17px; line-height: 1.5; }
.listed.txt-bold, .listed.txt-bold span, .listed span.txt-bold { font-size: 21px; }
.listed i { font-size: 17px; }
a.listed:hover, a.listed:hover i, a.listed:hover span { color: #384f99; }

.darkmode .listed, .darkmode .listed i, .darkmode .listed span, 
.listed.darkmode, .listed.darkmode i,  .listed.darkmode span, 
.shadowed .listed, .shadowed .listed i, .shadowed .listed span, 
.listed.shadowed, .listed.shadowed i,  .listed.shadowed span { color: #fff; }
.darkmode a.listed:hover, .darkmode a.listed:hover i, .darkmode a.listed:hover span, 
a.listed.darkmode:hover, a.listed.darkmode:hover i, a.listed.darkmode:hover span { color: #d9d1c7; }

/* sections */
.content-sect, .horiz-sect { position: relative; display: flex; row-gap: 20px; }
.content-sect { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.ai-c, .content-sect.ai-c, .multi-title.ai-c { align-items: center; }

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

.horiz-sect { width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 20px; }
.jc-c, .horiz-sect.jc-c { justify-content: center; }

.ai-fs { align-items: flex-start; }

.jc-fs { justify-content: flex-start; }

.mission { position: relative; width: 100%; padding-top: 50px; padding-bottom: 50px; display: flex; justify-content: center; align-items: stretch; row-gap: 32px; }
.mission > .content-sect { width: 65%; padding: 32px min(5vw, 200px); }
.missionimg { position: relative; min-height: 320px; display: flex; justify-content: center; align-items: center; }
.mission .missionimg { width: 35%; }

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

.mission .missionimg img:not(.img-contain) { width: calc(100% - 24px); }

.mission .missionimg:first-child { padding-right: 24px; }
.mission .missionimg:first-child img:not(.img-contain) { border-top-right-radius: 32px; border-bottom-right-radius: 32px; }

.mission .missionimg:last-child { padding-left: 24px; }
.mission .missionimg:last-child img:not(.img-contain) { left: unset; right: 0; border-top-left-radius: 32px; border-bottom-left-radius: 32px; }

img.img-contain { object-fit: contain; }

.missionimg img.img-contain { position: relative; width: 100%; height: auto; max-height: 600px; object-fit: contain; }

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

.hero, .subhero { position: relative; z-index: 2; background: #384f99; padding-top: 200px; padding-left: max(5%, calc(50% - 800px)); padding-right: max(5%, calc(50% - 800px)); display: flex; justify-content: center; align-items: center; }
.hero { min-height: 650px; padding-bottom: 240px; }

.hero-overlay { position: relative; z-index: 3; }

.cta-floats-sect { margin-left: auto; margin-right: auto; position: relative; z-index: 5; width: min(90%, 2000px); background: #384f99; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); display: flex; flex-direction: row; align-items: stretch; }
.homepage .cta-floats-sect { margin-top: -140px; }
.cta-float { position: relative; width: 25%; padding: 0 60px 16px 16px; display: flex; flex-direction: column; align-items: flex-start; background: #384f99; transition: .25s ease all; }
.cta-float:before { position: absolute; bottom: 24px; right: 20px; content: "\f061"; font-family: 'Font Awesome 6 Free', icon; font-weight: 900!important; font-size: 20px; color: #fff; transition: .25s ease all; }
.cta-float:after { position: absolute; z-index: 2; content: ""; top: 50%; left: 100%; transform: translateY(-50%); width: 1px; height: 80%; background: rgba(255, 255, 255, .15); }
.cta-float:last-child:after { display: none!important; }
.cta-float img, .cta-float i { height: 84px; margin-top: -55px; margin-bottom: 12px; transition: .15s ease all; }
.cta-float img { object-fit: contain; object-position: 0% 100%; filter: drop-shadow(1px 1px 0 #000) drop-shadow(0 0 12px rgba(0, 0, 0, .5)); }
.cta-float i { font-size: 80px; color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px rgba(0, 0, 0, .5); display: flex; justify-content: flex-start; align-items: center; }
.cta-float span {}
.cta-float .subtitle { color: #d9d1c7; font-size: 26px; margin-bottom: 4px; }
.cta-float .title { color: #fff; font-size: 40px; }

a.cta-float:hover { background: #2f3b73; }
a.cta-float:hover:before {}
a.cta-float:hover img { transform: translateX(20px); transition: .25s ease all; }
a.cta-float:hover i.fa-gavel { transform: rotate(45deg) translateX(36px) translateY(-6px); transition: .15s ease-in all; }
a.cta-float i.fa-rotate { transition: .0s ease all; }
a.cta-float:hover i.fa-rotate { transform: rotate(182deg); transition: .5s ease all; }

.home-mission {}

.consign-cta { width: 100%; min-height: 400px; }

/* subpages */
.subpage {}

.subhero { padding-bottom: 60px; }

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

.about-mission {}

/* consignments.htm */
.consignpage {}

.contact-missionimg, .contactinfinf { width: 100%; }

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

.contact-mission { position: relative; width: 100%; padding: 32px 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; row-gap: 24px; }
.contact-mission .contactinf { width: 40%; padding: 40px 60px 40px 5vw; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, .1); border-top-right-radius: 32px; border-bottom-right-radius: 32px; }

.map-div { position: relative; width: 100%; display: flex; }

.contactinf-single { row-gap: 0!important; }
.contactinf-single .title { width: 150px!important; text-align: left; }
.contactinf-single .listed { width: 260px!important; justify-content: flex-start; }

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

/* recommended styles */
.ta-c, .ta-c .title, .title.ta-c, .ta-c .subtitle, .subtitle.ta-c, .ta-c p, p.ta-c, .multi-title.ai-c .title, .multi-title.ai-c .subtitle { text-align: center; }

.darkmode, .txt-white, .darkmode .title, .darkmode .subtitle, .darkmode p, 
.shadowed, .txt-white, .shadowed .title, .shadowed .subtitle, .shadowed p { color: #fff; }

.shadowed, .txt-white, .shadowed .title, .shadowed .subtitle, .shadowed p,
.listed.shadowed, .listed.shadowed i,  .listed.shadowed span { text-shadow: 1px 1px 0 #000, 0 0 20px #000; }

.bg-blue { background: #384f99; }
.bg-dblue { background: #1d284e; }
.bg-xlbrown { background: #d9d1c7; }
.bg-brown { background: #5a4d3c; }
.bg-dbrown { background: #2b241d; }
.bg-white { background: #fff; }

.bg-img { position: relative; }
.bg-img > *:not(img) { position: relative; z-index: 3; }

.txt-blue { color: #384f99; }
.txt-dblue { color: #1d284e; }
.txt-xlbrown, .darkmode .subtitle, .subtitle.darkmode { color: #d9d1c7; }
.txt-brown { color: #5a4d3c; }
.txt-dbrown { color: #2b241d; }

.padtb-80 { padding-top: 80px; padding-bottom: 80px; }

.padlr-norm { padding-left: max(5vw, calc(50vw - 1000px)); padding-right: max(5vw, calc(50vw - 1000px)); }
.padlr-lg { padding-left: max(9vw, calc(50vw - 700px)); padding-right: max(9vw, calc(50vw - 700px)); }

.margt-8 { margin-top: 8px; }
.margt-20 { margin-top: 20px; }

.margb-16 { margin-bottom: 16px; }
.margb-24 { margin-bottom: 24px; }

.margr-4 { margin-right: 4px; }

/* forced styles */
.txt-bold { font-weight: 900!important; }

.force-rowgap-0 { row-gap: 0!important; }

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


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

.mj-footer { position: relative; width: 100%; padding-top: 50px; background: #fff; display: flex; justify-content: center; font-family: 'museo-sans', sans-serif!important; }
.mj-foot-main, footer.mj-foot-main { position: relative; width: min(90%, 2000px); padding: 40px 120px; display: flex; justify-content: space-between; align-items: center; column-gap: 32px; row-gap: 32px; border-top-left-radius: 32px; border-top-right-radius: 32px; }
.mj-footcol { position: relative; display: flex; flex-direction: column; justify-content: center; }
.foot-soc { align-items: flex-start; row-gap: 6px; }
.foot-logo-div { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); align-items: center; }
.foot-logo-div, .foot-logo, .foot-logo img { width: 170px; transition: .15s ease all; }
.foot-logo { position: relative; display: flex; justify-content: center; align-items: center; }
.foot-logo img { height: auto; object-fit: contain; object-position: center; }
.foot-nav { align-items: stretch; }
.foot-nav a { position: relative; padding: 6px; min-width: 50px; min-height: 40px; display: flex; justify-content: flex-start; align-items: center; color: #fff; text-transform: uppercase; transition: .25s ease all; }
.foot-nav a:hover { color: #d9d1c7; text-decoration: underline; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpage .mj-foot-main, .invpage footer.mj-foot-main { padding-bottom: 100px!important; }

/* AT styles */
.list.listing { display: flex!important; }

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

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	.header-soc { border-radius: 32px; }
	
	.mission { padding-left: max(5vw, calc(50vw - 1000px)); padding-right: max(5vw, calc(50vw - 1000px)); }
	.mission > .content-sect:first-child { padding-left: 0; }
	.mission > .content-sect:last-child { padding-right: 0; }
	.mission .missionimg img:not(.img-contain) { border-radius: 32px; }
	
	.contact-mission .contactinf { padding-left: 60px; margin-left: max(20px, calc(50vw - 1000px)); border-radius: 32px; }
	.missionimg { min-height: 380px; }
}

@media only screen and (max-width: 1700px) {
	.mj-foot-main, footer.mj-foot-main { width: 92%; padding-left: 100px; padding-right: 100px; }
}

@media only screen and (max-width: 1600px) {
	.title-h1, .title.title-h1 { font-size: 70px; }
	.title, .title-h2, .title.title-h2 { font-size: 42px; }
	
	.homepage .cta-floats-sect { margin-top: -130px; }
	.cta-float .subtitle { font-size: 22px; }
	.cta-float .title { font-size: 36px; }
}

@media only screen and (max-width: 1500px) {
	.mj-header, header.mj-header { column-gap: 30px; padding-left: 24px; }
}

@media only screen and (max-width: 1420px) {
	.hero { padding-bottom: 220px; min-height: 600px; }
	
	.homepage .cta-floats-sect { margin-top: -120px; }
	.cta-float .subtitle { font-size: 20px; }
	.cta-float .title { font-size: 32px; }
	
	.contact-mission .contactinf { width: 50%; padding: 32px 32px 32px 4vw; }
	
	.contact-mission.has-longform { flex-direction: column; }
}

@media only screen and (min-width: 1001px) and (max-width: 1420px) {	/* MIND THE MIN-MAX-WIDTH */
	.contact-mission.has-longform .contactinf { width: 95%; padding: 32px 5vw; flex-direction: row; align-items: center; column-gap: 60px; }
	.contact-mission.has-longform .missionimg { width: calc(50% - 60px); margin-bottom: 0; }
	.contact-mission.has-longform .contactinfinf { width: 50%; }
}

@media only screen and (max-width: 1380px) {
	.mj-header, header.mj-header { column-gap: 20px; }
	
	.title-h1, .title.title-h1 { font-size: 64px; }
	.title, .title-h2, .title.title-h2 { font-size: 38px; }
	.title-h3, .title.title-h3 { font-size: 28px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 36px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 22px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 18px; }
	
	.mj-foot-main, footer.mj-foot-main { padding: 32px 80px; }
	.foot-logo-div, .foot-logo, .foot-logo img { width: min(100%, 65vw, 160px); }
}

@media only screen and (max-width: 1320px) {
	.mj-header, header.mj-header { padding-left: 16px; margin-top: 26px; margin-bottom: -111px; }
	.mj-header, header.mj-header, .nav-div { height: 84px; }
	.header-logo, .header-logo img { height: 132px; }
	.header-soc { padding: 12px 20px; min-width: 353px; border-top-left-radius: 28px; border-bottom-left-radius: 28px; }
	
	.hero, .subhero { padding-top: 160px; }
	.hero { padding-bottom: 200px; min-height: 550px; }
}

@media only screen and (max-width: 1280px) {
	.homepage .cta-floats-sect { margin-top: -110px; }
	.cta-float img, .cta-float i { height: 70px; margin-top: -35px; }
	a.cta-float:hover img { transform: translateX(14px); }
	.cta-float i { font-size: 68px; }
	.cta-float .title { font-size: 28px; }
}

@media only screen and (max-width: 1220px) {
	.mj-header, header.mj-header { padding-left: 12px; column-gap: 16px; }
	.header-soc { padding-left: 14px; padding-right: 6px; min-width: 154px; }
}

@media only screen and (max-width: 1200px) {
	.title-h1, .title.title-h1 { font-size: 60px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 32px; }
	
	.mj-footer { padding-top: 32px; }
	.mj-foot-main, footer.mj-foot-main { width: 96%; padding: 32px 60px; }
}

@media only screen and (max-width: 1180px) {
	.hide1180 { display: none!important; }
	
	.mj-header, header.mj-header { padding-left: 8px; margin-bottom: -103px; }
	.mj-header, header.mj-header, .nav-div { height: 76px; }
	.header-logo, .header-logo img { height: 120px; }
	.header-soc { padding: 8px 0 8px 4px; border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
	.header-soc .margr-4 { margin-right: 0; }
	
	.mission { flex-direction: column; padding: 40px 5vw; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect { width: 100%; padding: 0!important; }
	.mission .missionimg { width: 100%; padding-left: 5%!important; padding-right: 5%!important; }
	.mission .missionimg img:not(.img-contain) { width: 90%!important; left: 5%!important; right: unset!important; border-radius: 32px; }
	
	.contact-mission.has-longform .contactinf { width: 98%; }
}

@media only screen and (max-width: 1150px) {
	.homepage .cta-floats-sect { width: 95%; }
}

@media only screen and (max-width: 1080px) {
	.hero { min-height: 500px; }
	
	.homepage .cta-floats-sect { width: 98%; }
	
	.mj-foot-main, footer.mj-foot-main { width: 96%; padding: 50px 5vw; flex-wrap: wrap; justify-content: center; }
	.foot-logo-div { position: relative; top: unset; left: unset; transform: none; order: 1; width: 100%; }
	.foot-soc, .foot-nav { width: calc(50% - 16px); align-items: center; }
	.foot-soc { order: 2; }
	.foot-nav { order: 3; }
	.foot-nav a { justify-content: center; text-align: center; }
}

@media only screen and (max-width: 1050px) {
	.homepage .cta-floats-sect { margin-top: -100px; }
	.cta-float .subtitle { font-size: 18px; }
	.cta-float .title { font-size: 25px; }
}

@media only screen and (max-width: 1020px) {
	.mj-header, header.mj-header { margin-top: 0; margin-bottom: 0; padding-top: 50px; height: unset; column-gap: 12px; }
	.header-logo { margin: -24px 0; }
	.nav-div { height: 72px; }
	.header-soc { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 0 2.5%; width: 400px; min-width: unset; column-gap: 2.5%; border-top-left-radius: 0; border-bottom-right-radius: 24px; justify-content: space-evenly; }
	.header-soc .hide1180 { display: flex!important; }
	.header-soc .margr-4 { margin-right: 4px; }
	
	.hero { padding-top: 80px; min-height: unset; }
	
	.subhero { padding-top: 40px; padding-bottom: 40px; }
	
	.consign-cta { min-height: unset; padding-top: 50px; padding-bottom: 50px; }
}

@media only screen and (max-width: 1000px) {
	.title-h1, .title.title-h1 { font-size: 50px; }
	.title, .title-h2, .title.title-h2 { font-size: 32px; }
	.title-h3, .title.title-h3 { font-size: 28px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 28px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 20px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 17px; }
	
	.contact-mission.has-longform .contactinf { padding: 24px 5vw; }
}

@media only screen and (max-width: 950px) {
	.hero { padding-bottom: 110px; }
	
	.homepage .cta-floats-sect { width: 100%; padding: 0 2%; margin: 0; flex-wrap: wrap; row-gap: 45px; background: #1d284e; box-shadow: none; }
	.cta-float { width: 50%; }
	.cta-float:nth-child(2):after { display: none!important; }
	.cta-float:nth-child(1), .cta-float:nth-child(2) { margin-top: -30px; }
	.cta-float:nth-child(3), .cta-float:nth-child(4) { margin-bottom: -30px; }
	.cta-float .title br { display: none!important; }
}

/* switch to mobile nav */
@media only screen and (max-width: 880px) {
	.nav-div { justify-content: flex-end; }
}

@media only screen and (max-width: 800px) {
	.cta-float:before { bottom: 20px; font-size: 16px; }
	.cta-float .title { font-size: 22px; }
	
	.contact-mission { flex-direction: column; }
	.contact-mission .contactinf { width: 95%; padding: 24px 5vw; }
}

@media only screen and (max-width: 750px) {
	.header-soc { width: 350px; padding: 0 16px; column-gap: 0; }
	
	.mj-foot-main, footer.mj-foot-main { flex-direction: column; }
	.foot-soc, .foot-nav { width: 100%; }
}

@media only screen and (max-width: 730px) {
	.cta-float .subtitle { font-size: 16px; }
	.cta-float .title { font-size: 20px; }
}

@media only screen and (max-width: 680px) {
	.cta-float .subtitle { font-size: 16px; }
	.cta-float .title { font-size: 20px; }
	.cta-float .title br { display: block!important; }
}

@media only screen and (max-width: 650px) {
	.mj-header, header.mj-header { padding-top: 54px; padding-left: 12px; }
	.header-logo { margin-top: 0; }
	.header-logo, .header-logo img { height: 110px; max-width: 45vw; }
	.nav-div { height: 86px; }
	
	.homepage .cta-floats-sect { row-gap: 40px; }
	.cta-float img, .cta-float i { height: 60px; margin-top: -30px; }
	.cta-float i { font-size: 58px; }
}

@media only screen and (max-width: 600px) {
	.shadowed .btnclass, .btnclass.shadowed, .btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover { justify-content: center; text-align: center!important; padding-left: 20px; padding-right: 20px; }
	.btnclass:after, .darkmode .btnclass:after, .btnclass:hover:after, .darkmode .btnclass:hover:after, .shadowed .btnclass:hover:after { display: none!important; }
}

@media only screen and (min-width: 551px) {	/* MIND THE MIN-WIDTH */
	.show550 { display: none!important; }
}

@media only screen and (max-width: 500px) {
	.contact-mission .contactinf { width: 98%; }
}

@media only screen and (max-width: 450px) {
	.title-h1, .title.title-h1 { font-size: 36px; }
	.title, .title-h2, .title.title-h2 { font-size: 28px; }
	
	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 22px; }
	
	.btnclass { width: 100%; padding-left: 8px; padding-right: 8px; margin-left: auto; margin-right: auto; }
	
	.homepage .cta-floats-sect { row-gap: 36px; }
	.cta-float { width: 100%; padding-left: 12px; padding-right: 12px; }
	.cta-float:before, .cta-float:after { display: none!important; }
	.cta-float:nth-child(2) { margin-top: 0; }
	.cta-float:nth-child(3) { margin-bottom: 0; }
	.cta-float .title br { display: none!important; }
	
	.mj-foot-main, footer.mj-foot-main { width: 100%; }
}

@media only screen and (max-width: 400px) {
	.header-soc { width: 96%; justify-content: space-evenly; padding-left: 10vw; padding-right: 10vw; }
	.hide380, .header-soc .hide380 { display: none!important; }
}

@media only screen and (max-width: 230px) {
	.mj-header, header.mj-header { padding-top: 4px; padding-left: 6px; }
	.header-soc { display: none!important; }
}