/* measurements */


#allthethings { position:fixed; top:0; width:100%;  }
#allthethings #everything {height:100%; overflow:hidden; }

#maincontent { position:relative; }
#allcontent { background:white; }


:root {
	--wrapper_margin:20px;
}
.wrapper {    margin:0 auto;  padding:0 var(--wrapper_margin);  clear:both;
	max-width:1500px;  position:relative; transition:all 0.1s ease; }


@media screen and (min-width:641px){
	:root {
		--wrapper_margin:30px;
	}
}
 
@media screen and (min-width:1404px){
	:root {
		--wrapper_margin:60px;
	}
}

.col{ margin:0 36px 0 0; float:left; transition:all 0.1s ease; }
.toright { float:right !important;}
/*.twelfth { width:calc((8.333333333333333% - ((36px * 11) / 12)) * 1); } */


.last { margin-right:0; }

#content { min-height:100px; clear:both;  }

#content:has(#hero_slides_holder:first-child){ padding-top: 0 !important; }
@media screen and (min-width:1024px){ 

.quarter { width:calc(25% - ((36px * 3) / 4)); } 
.third { width:calc(33.33333% - ((36px * 2) / 3)); } 
.half { width:calc(50% - ((36px * 1) / 2)); } 

.widelast { margin-right:0; }
}


@media screen and (min-width:601px) and (max-width:1023px){ 
 
.quarter,
.third,
.half { width:calc(50% - ((36px * 1) / 2)); } 

.midlast { margin-right:0; }
}


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

.col{  float:none; }
.quarter,
.third,
.half { width:100%; } 
}