@font-face {
	font-family: 'TahoeHappensHere';
	src: url('/wp-content/uploads/2022/09/TahoeHappensHere-CommercialUse.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

.contentCenter{ width: 1200px; margin: 0 auto;}
.center{ text-align: center;}
.hidden{ display: none;}
.displayTable{ display:table; width:100%; height:100%;}
.tableCell{ display:table-cell; vertical-align:middle;}

.row{ margin: 0 -15px;}
.row:after{ content: ''; width: 100%; clear: both; display: block;}

.button{ display: inline-block; background: #c4633e; color: #fff; border-radius: 20px; padding: 10px 20px; font-family: "Montserrat", Sans-serif; font-weight: 600;}
.button:hover{ background: #a4431e; color: #fff; }

.pageHeader{ height: 600px; position: relative; color: #fff; font-size: 1.5rem;}
.pageHeader .theBg{ z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000 no-repeat center center / cover;}
.pageHeader .displayTable{ position: relative; z-index: 2;}
.pageHeader h1,
.pageHeader h2{ color: #FFFFFF; font-weight: bold; font-family: 'TahoeHappensHere'; font-size: 65px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.pageHeader .tableCell{ vertical-align: bottom; background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%); padding: 0 0 60px;}

.fullwidthText{ margin: 60px auto;}
.fullwidthText h2 { color: #C4633E; font-family: "heroic condensed", Sans-serif;}
.orange { color: #C4633E; }

.offersList{ margin:60px auto;}
.offersList .row{  margin:60px auto;}
.offersList .offer{ transition: 0.3s ease; float: left; width: calc(33.3333% - 30px); margin:0 15px 30px}
.offersList .offer:nth-child(3n+1){ clear: both;}
.offersList .offer .image{ width: 100%; aspect-ratio:1/0.6; background: #ccc no-repeat center center / cover;}
.offersList .offer .text{ transition: 0.3s ease; background: #fff; font-family: "Farn", Sans-serif; padding: 30px 20px 20px; text-align: center;}
.offersList .offer .text h2{ color: #C4633E; font-family: "heroic condensed", Sans-serif; margin-top:0;}
.offersList .offer .text .button{ margin: 15px 5px 0;}
.offersList .offer:hover{ box-shadow:0 0 10px rgba(0,0,0,0.25);}
.offersList .offer:hover .text{ background: #fafafa; }

@media screen and (min-width:810px) and (max-width:1279px){
	.contentCenter{ width: 780px;}
	.pageHeader{ height: 400px;}
	.offersList .offer{ width: calc(50% - 30px); }
	.offersList .offer:nth-child(3n+1){ clear: none;}
	.offersList .offer:nth-child(2n+1){ clear: both;}
}
@media screen and (min-width:0px) and (max-width:809px){
	.contentCenter{ width: 345px;}
	.pageHeader{ height: 300px;}
	.offersList .offer{ width: calc(100% - 30px); }
	.pageHeader h1, .pageHeader h2{ font-size: 45px;}
	.pageHeader .tableCell{ padding: 0 0 20px;}
	.offersList .offer .text { padding: 30px 0 20px;}
}