ul {
  	list-style-type: none;
  	display: flex;
  	flex-wrap: wrap;
  	font-family: 'Marcellus', serif;
	font-style:italic;
	font-size:1em;
	color:#404040;
}

li {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  border: 0px;
  flex: 0 1 25%;
  box-sizing: border-box;
  margin: 5px 0;
}

@media(max-width: 1080px) {
  li {
    border: 0px;
    flex: 0 1 33.333%;
    font-size:1.5em;
  }
}

@media(max-width: 875px) {
  li {
    border: 0px;
    flex: 0 1 50%;
  }
}
.titleimg {
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
}

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

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

.bottomlogo {
	width:100%;
	left:0px;
	text-align:center;
}

.logobar {
	background-color:#FFF;
	width:100%;
	height:113px;
	left:0px;
	top:0px;
	text-align:center;
	z-index: 2;
}

.topspace {height: 66px;
}

.infobox {
	width:100%;
	height:10em;
}

.infobox2 {
	width:100%;
	height:7em;
	background-image: url("Pattern.png");
	background-repeat: repeat;
	margin-top:-4px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.title {
	font-family: 'Marcellus', serif;
	font-size:1.5em;
	color: #404040;
	text-decoration:none;
	text-align:center;
	height:auto;
}

.info {
	font-family: 'Marcellus', serif;
	font-style:italic;
	font-size:1em;
	color:#404040;
	text-align:center;
	margin-top:-2em;
	padding-left:8%;
	padding-right:8%;
	padding-bottom:2em;
	line-height:1.4em;
	height:auto;
}

.ea {
	position: absolute;
	z-index: 2;
	left: calc(50% - 17em);
	top: calc(50% - 7em);
}

.double-img {
	width: calc(50% - 2px);
}

.quote {
	font-family: 'Marcellus', serif;
	font-style:italic;
	font-size:1.5em;
	color:#404040;
	text-align:center;
	margin-top:0em;
	padding-left:8%;
	padding-right:8%;
	padding-bottom:3em;
	line-height:1.4em;
	height:auto;
}

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

a:hover { 
    color: #b15c11;
}

.description {
	font-family: 'Cardo', "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 15px;
	color: #d9d9d9;
	text-align: center;
}

:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}



th {
    text-align:left
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    

	@media screen and (min-width: 1081px) {
  		div.title {
    	font-size: 30px;
	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.title {
    	font-size: 50px;
  	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.info {
    	font-size: 30px;
	margin-top:-1em;
	padding-bottom:1.5em;
  	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.topbar{
    	height: 160px;
  	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.topspace{
    	height: 160px;
  	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.logobar{
    	height: 265px;
	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.infobox{
    	height: auto;
	padding-bottom: 1.5em;
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.infobox2{
    	height: auto;
	padding-bottom: 1.5em;
	height:7.5em;
	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.instagram{
    	height: 150px;
	width: 110px;
	top: 40px;
	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		img.double-img{
    	width: calc(50% - .4em);
	}
	}
	@media screen and (max-width: 1080px) and (orientation:portrait){
  		div.quote{
    	font-size:2em;
	}
	}

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }