:root {
    /* CSS variable for body's width */
    --logobar-height: 113px;
    --logobar-mobile: 265px;
}

.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 {
    display: block;
    border: 48px solid #f0e4ce;
    border-image: url(images/border.webp) 92;
    border-image-repeat:repeat;
    height: calc(85vh - (var(--logobar-height) * 2));
    }

.coverimg {
	margin-top: 0;
	width:100%;
	max-width:100vw;
	height: calc(85vh - (var(--logobar-height) * 2));
	object-fit:cover;
	z-index: 3;
}

.scroller {
	content: "";
	position: relative;
	bottom: 68px;
	left: calc(50% - 1rem);
	height: 2rem;
	width: 2rem;
	border-top: 3px solid rgb(171, 156, 132);
	border-right: 3px solid rgb(171, 156, 132);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	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.2);
	font-family: 'Sorts Mill Goudy', Cardo, serif;
	font-size: 3em;
    color: #716554;
	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;
	xtext-shadow:
	-1px 1px 1px #4b4639,
	1px 1px 1px #4b4639,
	1px -1px 1px #4b4639,
	-1px -1px 1px #4b4639;
}

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

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

.end {
	padding-bottom: 2em;
}

.maininfobox {
	height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 8%;
    padding-right: 8%;
    xpadding-top: calc(50vh + 1.5em);
}

.info {
	font-family: 'Marcellus', serif;
	font-style:italic;
	font-size:.9em;
	color:#404040;
	text-align:justify;
    text-align-last: center;
    text-justify: inter-word;
	line-height:2.25em;
}

.xvideo-container {
	background-color: #f8f4ec;
	padding-bottom: 3em;
    padding-top: 3em;
    max-height: calc(100vh - (var(--logobar-height) * 2));
}
.xvideo {
	position: relative;
	width: calc(100% - 5em);
	margin: auto;
}

.video-container {
	background-color: #f8f4ec;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image:url(images/video-bg.webp);
}
.video {
	position: relative;
	width: 100%;
	margin: auto;
}
.video-vert{
    display: none;
    height: 0;
    opacity: 0;
}
.video-vert-content{
    height: 0;
}

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

a:hover { 
    color: #b15c11;
}


/* MOBILE STYLES */


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

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

div.cover-container {
    xdisplay: block;
    xborder: 48px solid #f0e4ce;
    xborder-image: url(images/border.webp) 92;
    xborder-image-repeat:repeat;
    height: auto;
}
div.scroller{
    display: none;
        opacity: 0;
}
div.titles{
    font-size: 50px;
}	
img.coverimg{
    width: 100%;
	height: auto;
	object-fit: fill;
	heightx: calc(100vh - var(--logobar-mobile));
}
div.maininfobox {
    padding-top: 3em;
    padding-bottom: 3em;
}
div.info{
    font-size: 1em;
    line-height: 3em;
}
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.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 {
	xposition: relative;
	top: calc(var(--logobar-mobile) + 48px + .75em);
	font-size: 7vw;
}
.ea p {
	text-shadow: none;
}
div.video{
    height: 0;
    opacity: 0;
}
div.video-vert {
    display: block;
    opacity: 1;
    height:auto;
    width: calc(56.28vh - (var(--logobar-height) * 1));
    position: relative;
	width: 100%;
	margin: auto;
    justify-content: center;    
}
div.shingle {
    background-image:url(images/video-bg-vert.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
}