* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    transform-style: preserve-3d;
    font-family: 'Heebo', sans-serif;
    margin:0px; padding:0px;
    cursor:default;
    --mcw:600pt;


}

html, body { transform-style: flat; text-align: center; height:100%; width:100%; transform-style: flat; margin:0px; padding:0px; background-color:#2B3C46;}

h1 { 
	font-size: 36pt; 
	font-weight: 400; 
	white-space: nowrap; 
	font-family: 'Libre Baskerville', serif; 
	line-height:auto; letter-spacing: 0pt; 
	-webkit-text-stroke-width: 1px;  text-stroke-width: 1px; -webkit-text-stroke-color: #666;  text-stroke-color: #666666; 
	background: url('../assets/fill.png'); image-rendering: pixelated; -webkit-background-clip: text;  background-clip: text; color: transparent; width:auto; text-align: left;
}
h2 { font-size: 16pt; color:#666; }
h3 { font-size: 10pt; color:#96a7cc; }
p  { font-size: 14pt; color:#000; line-height: 25pt; }
p, h2, h3, h4 {
    font-family: 'Heebo', sans-serif; font-weight: 100;
}

a { color:#2B3C46; cursor:pointer; }

.content:nth-child(1) > .block{ margin: 0px -28px -28px -28px; }
.content:nth-last-child(1) > .block{ margin: -28px -28px 0px -28px; }

.content {
	position: relative;
	width:100;
	height:auto;
	text-align: center;
	padding: 0; margin: 0px;
	transform:translateZ(2px);
	z-index: 200;
}


.example {
	position: relative;
	width:100vw;
	height:auto;
	text-align: center;
	padding: 0; margin: 0;
	transform:translateZ(-2px);
	box-sizing: border-box;
	z-index: 100;
}

.block {
	position: relative;
	display: inline-block;
	width:calc(100% - 50pt); height:auto;
	text-align: left;
	max-width:calc(var(--mcw) - 50pt);
	padding:25pt; margin:-28px;

	border: 28px solid; 
	border-image-source: url('../assets/paper.png'); 
	border-image-repeat: repeat; 
	border-image-slice: 28 28 fill;


	-webkit-border: 28px solid; 
	-webkit-border-image-source: url('../assets/paper.png'); 
	-webkit-border-image-repeat: repeat; 
	-webkit-border-image-slice: 28 28 fill;




}



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

.center-flex {
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
}

.video-banner {
	width:100vw;
	max-width: var(--mcw);  
	height:calc(100vw * 0.380952381 );
	max-height: calc(var(--mcw) * 0.380952381 ); 
}

.iframe-banner {
	padding:18pt;
	width:100vw;
	max-width: var(--mcw);  
	height:calc(100vw * 0.5625 );
	max-height: calc(var(--mcw) * 0.5625 ); 
}

.footer-banner {
	padding:18pt;
	width:100vw;
	max-width: var(--mcw);  
	height:calc(100vw * 0.2 );
	max-height: calc(var(--mcw) * 0.2 ); 
}
.footer-banner > p {
	color:white;
}
.footer-banner > p > a {
	color:white; cursor:pointer;
}


.logo {
	display: inline-block;
	position:relative;
	width:100%;
	max-width:300pt;
	height:auto;
	left:50%;
	transform:translateX(-50%);
}

.social {
    position: relative;
    display: inline-block;
    background-color:#000;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    cursor: pointer; 
    width:28pt; height:28pt;
    border-radius: 5pt;
    margin:2pt;
    box-shadow: 0pt 2pt 5pt rgba(0,0,0,.33); 
    border:solid 1px #000; 
    -webkit-transition:border .25s linear; 
    transition:border .25s linear; 
}

.social:hover {
    border:solid 1px #fff; 
    -webkit-transition:border .25s linear; 
    transition:border .25s linear; 
}