:root {
    --logobar-height: 113px;
    --logobar-mobile: 265px;
    --numbered: 1.6em;
}

@font-face {
    font-family: Numerals;
    src: url('CombiNumerals-Bold.eot');
    src: url('CombiNumerals-Bold.eot?#iefix') format('embedded-opentype'),
        url('CombiNumerals-Bold.woff2') format('woff2'),
        url('CombiNumerals-Bold.woff') format('woff'),
        url('CombiNumerals-Bold.ttf') format('truetype'),
        url('CombiNumerals-Bold.svg#CombiNumerals-Bold') format('svg');
}

.logobar {
	background-color: rgba(255, 255, 255);
	width:100%;
	height: var(--logobar-height);
	left:0px;
	top:0px;
	text-align:center;
	position:relative;
	z-index: 4;
	
}

.cover-container {
    border: 48px solid #f7efd9;
    border-image: url(images/border.png) 92;
    border-image-repeat:repeat;
    }
.coverimg {
	margin-top: 0;
	width:100%;
	max-width:100vw;
	height: calc(100vh - (var(--logobar-height) * 2));
	object-fit:cover;
	z-index: 3;
}

.scroller {
	content: "";
	position: absolute;
	top: auto;
	right: auto;
	bottom: 100px;
	left: calc(50% - 1rem);
	height: 2rem;
	width: 2rem;
	border-top: 3px solid rgb(247, 239, 217);
	border-right: 3px solid rgb(247, 239, 217);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 1;
}

.scrollershadow {
	content: "";
	position: absolute;
    right: 0px;
	height: 2rem;
	width: 2rem;
	border-top: 2px solid rgb(50, 48, 42);
	border-right: 2px solid rgb(50, 48, 42);
	opacity: 1;
}

.instagram {
	width:40px;
	height:66px;
	position:fixed;
	right:0px;
	top:10px;
	text-align:left;
	vertical-align: text-bottom;
	z-index: 6;
}

.topbar {
	background-color: #fff;
	width:100%;
	height:66px;
	position:fixed;
	left:0px;
	top:0px;
	text-align:center;
	opacity:.9;
	z-index: 5;
}

.ea {
	position: absolute;
	z-index: 4;
	width: 100%;
	align-items: center;
	justify content:center;
	text-align: center;
	top: calc(var(--logobar-height) * 2);
	font-family: 'Sorts Mill Gaudy', serif;
	font-size: 3.84em;
	color: #32302a;
	line-height: 1;
	box-sizing: border-box;
}

.ea p {
	position:relative;
	padding-left: .8em;
	padding-right: .8em;
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	text-shadow:
	-2px 2px 0 #fbf4dd,
	2px 2px 0 #fbf4dd,
	2px -2px 0 #fbf4dd,
	-2px -2px 0 #fbf4dd;
}

.infobox {
	width: 100%;
	height: auto;
}

.titles {
	font-size:1.5em;
	text-decoration:none;
	text-align:center;
}

.end {
	padding-bottom: 2em;
}

.info {
	font-style:italic;
	text-align:center;
	margin-top:-2em;
	padding-left:8%;
	padding-right:8%;
	padding-bottom:2em;
	line-height:1.4em;
	height:auto;
}

.video {
	position: relative;
	width: calc(100% - 2em);
	height: calc(56vw - 2em);
	margin: auto;
	margin-bottom: 1em;
}

.video2 {
  position: absolute;
  top:      0;
  left:     0;
  bottom:   0;
  right:    0;
  width:    100%;
  height:   100%;
}

a {
	color:#404040;
	text-decoration:none;
}

a:hover { 
    color: #b15c11;
}

.numbered3 {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    font-family: Numerals;
    font-size:1.6em;
}

/* TABLE A */


table.tablea {
  border-collapse: collapse;
  border: 0px;
}
table.tablea td, table.tablea th {
}
.textboxa {
	text-decoration:none;
	text-align:right;
	vertical-align: middle;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 4em;
	padding-right: 2em;
}
.imageboxa {
	width: 62.39%;
}
.imagea {
	max-width: calc(100% - 4em);
    width: 100%;
	padding-top: 3em;
	padding-right: 1em;
	padding-bottom: 2em;
}


/* TABLE B */


table.tableb {
  border-collapse: collapse;
  border: 0px;

}
.tableb .part1 {
	text-decoration:none;
	text-align:left;
    vertical-align: middle;
    color: #000000;
	vertical-align: middle;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 3em;
	padding-right: 1em;
    width: 18%;
    line-height: 1.6em;
}

.tableb .part2 {
	padding-left: 0em;
    padding-right: 4em;
}

.imageboxb {
	width: 62.39%;
}
.imageb {
	max-width: calc(100% - 4em);
    width: 100%;
	padding-top: 3em;
	padding-left: 4em;
	padding-bottom: 2em;
}


/* 3D MODEL VIEWER */


model-viewer {
  width: 100%;
  height: 90vh;
  max-height: 90vw;
  background: white;
}


/* MOBILE STYLES */


@media screen and (min-width: 1081px){
  		div.titles{
    	font-size: 30px;
	}
}

@media screen and (max-width: 1080px) and (orientation:portrait){

    div.scroller{
        opacity: 0;
    }
div.titles{
    font-size: 50px;
  	}	
img.coverimg{
    width: 100%;
	height: auto;
	object-fit: fill;
	heightx: calc(100vh - var(--logobar-mobile));
}
div.info{
    font-size: 30px;
	margin-top:-1em;
	padding-bottom:1.5em;
  	}
div.topbar{
    height: 160px;
}
table.tablea td, table.tablea th{
    display:block;
}
td.textboxa{
    font-size:30px;
	text-align:center;
	padding-right: 2em;
	padding-left: 2em;
	padding-top: 2.7em;
	clear:both;
}
td.part1{
    all:unset;
    font-size:30px;
	text-align:center !important;
	padding-right:2em !important;
	padding-left:2em !important;
	padding-top:2.7em !important;
    padding-bottom:0em !important;
    width:auto !important;
	clear:both;
}
td.part2{
    padding-top:0em !important;
    padding-bottom:2em !important;
    }
td.imageboxa{
    width: 99%;
	clear: both;
}
.imagea {
	max-width: 100%;
	padding: 1em;
	box-sizing: border-box;
}
table.tableb td, table.tableb th{
    display:block;
}
td.imageboxb{
    width: 100%;
	clear: both;
}
.imageb {
	max-width: 100%;
	padding: 1em;
	box-sizing: border-box;
}
div.logobar{
    height: var(--logobar-mobile);
}
div.infobox{
    height: auto;
	padding-bottom: 1.5em;
}
div.instagram{
    	height: 150px;
	width: 110px;
	top: 40px;
}
.ea {
	position: relative;
	top: .5em;
	font-size: 7vw;
}
.ea p {
	text-shadow: none;
}
}