:root {
  --d-margin: 12px;
  --d-margin-2: 24px;
}
	
* { position: relative; }

html {
	font-size: 14px; 
	scroll-behavior: smooth; 
}

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
    overflow-y: scroll;
	font-size: 1rem;
}

a { text-decoration: none; color: inherit; }

h1 { font-size: 2.00rem; }
h2 { font-size: 1.50rem; }
h3 { font-size: 1.17rem; }
h4 { font-size: 1.00rem; }

.sans-serif { font-family: sans-serif; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.inline { display: inline-block; vertical-align: middle; }

.clear { clear: both; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.transparent { opacity: 0; }

.click { cursor: pointer; }

.section, .section-desktop {
	overflow: hidden;
	padding: 0px calc(4% - var(--d-margin));
}

.hide { 
	display: inline-block; 
	width: 0px; 
	height: 0px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden; 
	opacity: 0; 
}

.box, .box-r {
	margin-right: var(--d-margin);
	margin-left: var(--d-margin);
}
.box { float: left; }
.box-r { float: right; }

.box-1  { width: calc( calc(8.33% *  1) - var(--d-margin-2) ); }
.box-2  { width: calc( calc(8.33% *  2) - var(--d-margin-2) ); }
.box-3  { width: calc( calc(8.33% *  3) - var(--d-margin-2) ); }
.box-4  { width: calc( calc(8.33% *  4) - var(--d-margin-2) ); }
.box-5  { width: calc( calc(8.33% *  5) - var(--d-margin-2) ); }
.box-6  { width: calc( calc(8.33% *  6) - var(--d-margin-2) ); }
.box-7  { width: calc( calc(8.33% *  7) - var(--d-margin-2) ); }
.box-8  { width: calc( calc(8.33% *  8) - var(--d-margin-2) ); }
.box-9  { width: calc( calc(8.33% *  9) - var(--d-margin-2) ); }
.box-10 { width: calc( calc(8.33% * 10) - var(--d-margin-2) ); }
.box-11 { width: calc( calc(8.33% * 11) - var(--d-margin-2) ); }
.box-12 { width: calc( calc(8.33% * 12) - var(--d-margin-2) ); }

.center {
	position: absolute;
	margin: auto;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
}

.mobile-only { display: none; }