#top-banner .container-fluid,
	#intro,
	#summary-intro,
	#sub-nav ul,
	#sub-nav ul li,
	#more-about > div > *:not(.img),
	#more-about,
	#more-about > div,
	#gallery,
	#more-news,
	#more-news .article,
	#more-news .article > * {
		display:flex;
		display:-webkit-flex;
	}	

		
	#top-banner .container-fluid {
		justify-content: center;
		-webkit-justify-content: center;
	}	
	
	#top-banner .container-fluid,
	#more-news .article,
	#more-news .article > * {
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	
	body#news-article #top-banner:not(.empty) .container-fluid {
		justify-content:flex-end;
		-webkit-justify-content:flex-end;
		
		background: rgb(30,30,30);
		background: linear-gradient(4deg, rgba(30,30,30,0.7) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
		padding-bottom:3vw;
	}
	
	
	#top-banner.empty {
		height: initial; 
	}
	
	
	body#news #top-banner {
		margin-bottom:calc(20px + 2vw);
	}
	

	body#news.archive #top-banner picture img {
		filter: brightness(1);
		-webkit-filter: brightness(1);
	}

	
	body#news #top-banner .container-fluid {
		backdrop-filter:brightness(0.8);
	}
	

	body#news #top-banner .container-fluid {
		position:absolute;
		z-index:9;
	}
	

	body#news #top-banner h1 {
		font-size: calc(2em + 0.5vw);
		letter-spacing: 7px;
		margin: auto;	
		text-align: center;
	}
			
	body#news-article #top-banner h1 {
		letter-spacing:1px;
	}
	
	#top-banner.empty h1 {
		margin-top:3vw;
	}
	
	
	#top-banner:not(.empty) {
		color:white;
		height: 70vh;
		margin-bottom:0px;
		max-height: 35vw;
		position:relative;
	}
	

	#top-banner, .bnr {
		border: none;
		overflow-y: hidden;
		position: relative;
		text-align: center;
	}

	
	#top-banner p {
		font-size: calc(1em + 0.5vw);
		color: #fff;
	}
	
	#top-banner h1,
	#top-banner p {
		font-family: 'Radio Canada Big';
		width:100%;
	}	
	
	
	
	
	
	
	
	.bnr h2,
	.bnr h3 {
		font-family: Barlow, sans-serif;
	}


	
	#top-banner {	
		border:none;	
		height:70vh;
		max-height: 800px; 
	}
	

	.bnr,
	#top-banner {
		border:none;	
		overflow-y: hidden;
		position: relative;
		text-align:center; 
	}
	
	#top-banner.bnr {
		margin-left:0px;
		width:100%;
	}
	

	#top-banner > div > div {
		padding-top:18vh;
		text-align:center; 
	}
	
	
	.bnr > .screen_tint {
		backdrop-filter: brightness(0.8);
		height: 100%; 
		margin: 0px;
	}
	
	
	
	


	.news_group .article.calendar h3 {
		color: #ab0701;
	}	

	#more-news > .container {
		display:flex;
		display:-webkit-flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content: center;
		-webkit-justify-content: center;
	}
	
	#more-news > .container:before {
		content: none;
	}
	
	#more-news h3 {
		font-size:1.2em;
		font-weight:normal;
		letter-spacing:1px;
		margin-top:15px;
	}

	#more-news .news_sub {
		border-bottom:1px solid #C5B57B;
		margin-bottom:0.5em;
		margin-top:1em;
		padding-bottom:0.5em;
	}
	
	#more-news .news_sub * {
		cursor:pointer;
		font-weight:normal;			
	}

	#more-news .news_img {
		background-position:center top;
		background-repeat:no-repeat;
		background-size:cover !important;
		height:250px;
		width:100%;
	}
	
	#more-news .asset_button {
		margin-top:2em;
	}


	body#archive #more-news h1 {
		margin-bottom: 1em;
	}
	
	
	
	
	
	

	#gallery {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}	
	
	
	section#intro,
	section#summary-intro {
		text-align: left;
	}

		
	

	.loc_page,
	.loc_placemark {
		align-items: center;
		-webkit-align-items: center;
		min-width:70px;
	}
	
	
	
	
	
	#top-banner .container-fluid {	
		height: 100%;
	}
	
	#top-banner .container-fluid > img {
		margin-bottom:2vw;
		width:35%;
	}

	#top-banner picture,
	#top-banner:not(.empty) .container-fluid,
	body#news #top-banner.slideshow-container picture,
	body#news #top-banner.slideshow-container picture img {
		margin: 0px 20px;
		overflow: hidden;
		width: calc(100% - 40px);
	}
	
	
	#top-banner picture > img {
		width:100%; 
		
		position: absolute;
		top: 0;
		left: 0;
	}	
	
	#sub-nav {
		background-color: #f9f7f5;
		padding:0px 10vw;
	}
	
	#sub-nav.on {
		background-color: #fff;
		box-shadow: 0px 10px 10px rgb(100 100 100 / 5%);
		position:fixed;
		top: 80px;
		z-index: 99;
	}
	
	#sub-nav.on ul {
		border: 0px solid transparent;
		margin-bottom:0px;
	}
	
	#sub-nav.on + #intro,
	#sub-nav.on + #reservations {
		margin-top: 65px;
	}
	
	#sub-nav ul {
		border-bottom: 1px solid #dfd8c3;
		list-style:none;
		padding: 0 10px;
		z-index: 999;
	}
	
	#sub-nav ul,
	#sub-nav ul li {
		transition:all .4s;
		-webkit-transition:all .4s;
	}
	
	#sub-nav ul li {
		border-bottom:3px solid transparent;
		cursor:pointer;
		font-family: Gantari, arial, helvetica;
		font-size:14px;
		height:100%;
		letter-spacing:1px;
		padding: 17px 10px 12px 10px;
		text-transform:uppercase;
	}
	
	#sub-nav ul li.active,
	#sub-nav ul li:hover {
		border-bottom:3px solid #e7cd7d;
		color: #bb7000;
	}
	
	
	
	
	#intro .container {
		padding-bottom:3vw;
		padding-top:3vw;
	}
	
	
	/*#intro > * {
		font-size:calc(1em + 0.5vw);
	}
	
	#intro h2,
	#summary-intro h2 {
		letter-spacing:2px;
	}*/
	
	#intro p:last-of-type {
		margin-bottom:0px;
	}
	



	#intro .btn,
	#more-about .btn,
	#summary-intro .btn,
	#archive-actions .btn {
		border: 2px solid #333;
		font-size: 1em;
		font-family: 'Radio Canada Big';
		font-weight: 600;
		margin-top: 20px;
		min-width: 50%;
		padding: 10px 15px;
		width:auto;
	}
	
	#archive-actions .btn {
		font-size: 21px;
		max-width: 365px;
	}
	
	.btn.view_menu {
		background-color:transparent;
		border:none;
		color: #bb7000;	
		padding-right:0px;
	}
	
	.btn.view_menu:active {
		box-shadow:none;
	}
	


	#more-about,
	#more-about > div,
	#more-about > div.img_bg1 > *:not(.img),
	#more-about > div.img_bg2 > * {
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	
	#more-about > div.img_bg1 {
		flex-direction:row;
		-webkit-flex-direction:row;
		background-color:#fff;
	}

	#more-about > div.img_bg1:nth-child(odd) {
		flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
	}

	#sub-nav ul,
	#more-about > div {
		align-items:center;
		-webkit-align-items:center;
		justify-content:center;
		-webkit-justify-content:center;
	}

	#more-about {
		padding:20px;
	}

	#more-about > div {
		margin-bottom:calc(20px + 1vw);
	}
	
	#more-about > div.img_bg1 > *:not(.img) {
		height:100%;
		padding-bottom:3vw;
		padding-top:3vw;
	}
	
	#more-about img {
		max-width:100%;
	}
	
	#more-about div ul {
		font-size:inherit;
		text-align:left;
	}
	
	#more-about div ul li {
		font-size:inherit;
	}
	
	
	#instagram .insta h2 {
		margin-top:50px
	}
	
	
	
	#intro p,
	#intro ul,
	#summary-intro p,
	#more-about p,
	#more-about div > ul,
	#more-about div > table,
	#enquiry-intro p,
	#contact-enquiry .btn {
		font-size: 1em;
	}

	#news-archive-article #intro h2,
	#news-archive-home h3,
	#news-archive-article #archive-previous h3,
	#summary-intro h2,
	#enquiry-intro h3,
	#more-about h3 {
		font-size: 1.4em;
		font-weight: 600;
	}
	
	#intro p,
	#intro li,
	#summary-intro p,
	#summary-intro li,
	#more-about p,
	#more-about li,
	#enquiry-intro p,
	#enquiry-intro li {
		margin-bottom: calc(0.5em + 0.5vw);
	}
	
	#intro li,
	#summary-intro li,
	#more-about li,
	#enquiry-intro li {
		margin-top: calc(0.5em + 0.5vw);
	}


	section#summary-intro {
		background-color: #fff;
		padding-bottom: 2vw;
		padding-top: 1vw;
	}


	#intro h2,
	#summary-intro h2,
	#enquiry-intro h3,
	#more-about .img_bg1 h3,
	#more-about > div.img_bg2 > *.col_b {
		margin-bottom: 15px; 
	}
		
	#more-about div > table *  {
		font-size:inherit;
	}


	#news-article table.tournament_cats,
	#news-article table.tournament_cats td {
		vertical-align:top;
	}

	#news-article table.tournament_cats td,
	#more-about table tr > * {
		padding:3px 10px;
	}

	#news-article table.tournament_cats p,
	#more-about table p {
		margin-bottom:0px;
	}

	#news-article table.tournament_cats tr:not(:last-of-type) td,
	#more-about table tr:not(:last-of-type) td {
		border-bottom:1px solid #f0f0f0;
	}
	
	#news-archive-article figcaption {
		padding-top: 10px;
	}

		
	
	#gallery {
        flex-direction:row;
        -webkit-flex-direction:row;
		justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 30px;
		padding-top:30px;
	}
	
	#gallery picture {
		height:450px;
		margin: 1px;
		overflow:hidden
	}
	
	#gallery picture,	
	#gallery picture > img {
        max-width:450px;
		object-fit:cover;
	}
	
	#summary-intro picture, 
	#summary-intro picture img {
		object-fit: contain;
	}


	#latest-news {
		padding: 30px 20px calc(40px + 2vw) 20px;
	}


	#latest-news .article > div {		
		box-shadow: 0px 5px 15px rgba(150,150,150,0.05);
	}
	

	.panes .explainer .btn.calendar {
		border:2px solid #d9d4c9;
		margin-top: 0px;
		margin-bottom:20px;
		padding: 15px calc(15px + 0.4vw);
		width: 50%;
	}
	
		
	
	#news .article .btn.ani {
		margin-left:0px;
		margin-right:auto;
		width:70px;
	}
	
	
	#news #calendar .article .btn {
		background-color: #480b01;
		margin-left:0px;
		margin-right:auto;
	}
	
	
	#news #calendar h2,
	#news #calendar h3 {
		color: #480b01;
	}
	


	
	#more-news {
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		background-color:#22211e;
		margin-bottom: 3vw;
		padding-bottom: 20px;
	}
	
	#news.archive #more-news {
		margin-bottom: 0px;
	}
	
	#more-news h2 {		
		color:#fff;
		margin:3vw 0px;
		padding-left:15px;
		text-align:center;
		width:100%;
	}
	
	#more-news .thumb_logo {
		height:calc(200px + 3vw);
		border-radius:4px 4px 0 0;
	}
	
	#more-news label {
		color: #b79d74;
		font-size: .9em;
		font-weight: 400;
		margin-top:15px;
	}
	
	#more-news h3 {
		color:#cfcfcf;
		letter-spacing:normal;
		line-height: normal;
		margin: 5px 0px 15px 0px;
		text-transform: none;
	}
	
	#more-news .thumb_logo:hover,
	#more-news .thumb_logo:hover + div h3,
	#more-news h3 a:hover {
		color:#AFC777;
	}
	
	#more-news .article {
		margin-bottom:calc(20px + 2vw);
	}
	
	#more-news .article > div {
		background-color:#2a2a2a;
		color:#fff;
		padding: 0px 15px;
	}
	
	
	#news-page.btn {
		border: 2px solid #AFC777;
		color: #fff;
		font-size: 1.2em;
		margin: auto;
		padding: 15px 40px;
	}

	#news-products {
		background-color: #f4f4f4;
		padding-top: calc(1vw + 15px);
	}

	#news-products,
	#news-products h3 {
		margin-bottom: calc(2vw + 15px);
		text-align: center;
	}




	.btn.ani {
		flex-direction: column;
		-webkit-lex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		background-color: #03b;
		border: 2px solid #fff;
		color: #333;
		padding: 5px 15px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		box-shadow: 0 0 0 rgb(100 100 100 / 0%);
		width: 40px;
		height: 2em;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		overflow: hidden;
		text-decoration:none;
		transition: all .3s;
	}
	
	.btn.ani:after, 
	.btn.ani:before {
		float: left;
		font-size: calc(1rem + .3vw);
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		transition-delay: 0.2s;
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
	}

	.btn.ani:before {
		content: ' ';
		background-color: #7a0000;
		width: 1.5em;
		height: 1.5em;
		position: absolute;
		border-radius: 1.5em;
		right: -10px;
		z-index:0;
	}
	
	[data-onclick]:hover .btn.ani:after, 
	.btn.ani:hover:after {
		color: #ffffff;
	}

	.btn.ani:after {
		color: #fff;
		content: "\e080";
		font-family: 'glyphicons halflings';
		font-size: calc(1rem + .4vw);
		height: 100%;
		line-height: 1px;
	}

	[data-onclick]:hover .btn.ani:before, 
	.banner.caption .btn.ani:after,
	.btn.ani:hover:before {
		color: #fff;
		font-weight: 700;
	}
	
	[data-onclick]:hover .btn.ani,
	.btn.ani:hover {
		color: #36e;
		cursor: pointer;
		box-shadow: -8px 0 10px rgb(200 200 200 / 40%);
		-webkit-transform: translate(5px);
		-moz-transform: translate(5px);
		-ms-transform: translate(5px);
		transform: translate(5px);
		width: 75px;
	}


	.btn.ani:hover:after {
		content: "Go";
		font-family: unset;
		z-index:1;
	}


	.btn.ani:hover:before {
		color: #ffffff;
		background-color: #00abff;
		height: 100px;
		width: 90px;
		z-index:0;
	}




	#news-article #fp-subscribe {
		padding-bottom: 70px !important;
	}




	.slideshow-container picture,
	.slideshow-container picture img {
		float:left;
		height:100%;
		object-fit: cover;
		object-position: center;
		width: 100%;
	}

	#stay-in-the-know.gallery {
		padding-bottom:0px;
	}

	#stay-in-the-know.gallery,
	.slideshow-container,
	.mySlides.show,
	.mySlides.show picture,
	.mySlides.show picture img {
		overflow:hidden;
	}

	.slideshow-container {
	  position: relative;
	  margin: auto;
	  transition-property: opacity;
	  -webkit-transition-property: opacity;
	}

	.mySlides {
	  transition-property: opacity;
	  -webkit-transition-property: opacity;
	}

	.slideshow-container .active, 
	.slideshow-container .dot:hover {
	  background-color: #717171;
	}

	.slideshow-container .fade {
	  animation-name: fade;
	  transition-duration: 2s;
	  -webkit-transition-duration: 2s;
	}

	#stay-in-the-know .slideshow-container .fade {
	  transition-duration: 1s;
	  -webkit-transition-duration: 1s;
	}

	.slideshow-container .hide,
	.slideshow-container .show {
	  display:block;
	}

	.slideshow-container .hide { /*opacity:0;*/ z-index:0; }
	.slideshow-container .show { opacity:1; z-index:1; }



	 @keyframes fade {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
			visibility: visible;
		}
	 }



	/* News archive */
	body#news-archive-article {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	body#news-archive-home #top-banner {
		background: url(/_images/bg/news-archive.jpg) center no-repeat;
		background-size: cover;
		min-height: 38vw;
		max-height: 560px;
		overflow: hidden;
		position: relative;
	}

	body#news-archive-home #top-banner .container-fluid,
	body#news-archive-article #top-banner .container-fluid {
		position: relative;
		z-index: 2;
	}

	body#news-archive-home #archive-index {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		margin-left: auto;
		margin-right: auto;
		padding: calc(3vw + 28px) 4vw;
	}

	body#news-archive-home .year-group {
		margin: 0 auto calc(4vw + 28px);
		max-width: 1380px;
	}

	body#news-archive-home .year-group > h2 {
		border-bottom: 1px solid #ddd;
		font-size: clamp(28px, 4vw, 54px);
		margin: 0 0 24px;
		padding-bottom: 12px;
	}

	body#news-archive-home .archive-grid,
	body#news-archive-article #archive-previous .archive-grid {
		display: grid;
		gap: 22px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	body#news-archive-home .archive-grid {
		margin: 0;
	}

	body#news-archive-article #archive-previous .archive-grid {
		margin: 0 auto;
		max-width: 1280px;
	}

	body#news-archive-home .article,
	body#news-archive-article #archive-previous .article {
		min-width: 0;
	}

	body#news-archive-home .article {
		background: #f4f4f4;
	}

	body#news-archive-article #archive-previous .article {
		background: #fff;
	}

	body#news-archive-home .article a,
	body#news-archive-article #archive-previous .article a {
		color: inherit;
		display: block;
		text-decoration: none;
	}

	body#news-archive-home .thumb,
	body#news-archive-article #archive-previous .thumb {
		aspect-ratio: 4 / 3;
		overflow: hidden;
	}

	body#news-archive-home .thumb {
		background: #e3e3e3;
	}

	body#news-archive-article #archive-previous .thumb {
		background: #ddd;
	}

	body#news-archive-home .thumb img,
	body#news-archive-article #archive-previous .thumb img {
		display: block;
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	body#news-archive-home .thumb img {
		filter: brightness(0.95);
	}

	body#news-archive-home .lazybg,
	body#news-archive-article .lazybg {
		background: #eee;
	}

	body#news-archive-home .txt {
		padding: 16px 15px 10px;
	}

	body#news-archive-article #archive-previous .txt {
		padding: 16px;
	}

	body#news-archive-home label,
	body#news-archive-article #archive-previous label,	
	body#news-archive-article figcaption {
		color: #777;
		display: block;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: .03em;
		margin-bottom: 8px;
		text-transform: uppercase;
	}

	body#news-archive-home h3,
	body#news-archive-article #archive-previous h3 {
		line-height: 1.3;
		margin: 0;
	}

	body#news-archive-home h3 {
		margin-bottom: 8px;
	}

	body#news-archive-home .txt p {
		color: #555;
		font-size: 14px;
		line-height: 1.5;
		margin: 0;
	}

	body#news-archive-article #top-banner {
		background: #111;
		height: 40vh;
		min-height: 320px;
		max-height: 40vh;
		overflow: hidden;
		position: relative;
	}

	body#news-archive-article #top-banner img {
		display: block;
		filter: brightness(0.8);
		height: 100%;
		left: 0;
		object-fit: cover;
		position: absolute;
		top: 0;
		width: 100%;
	}

	body#news-archive-article .article-date {
		color: #777;
		display: block;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .08em;
		margin-bottom: 18px;
		text-transform: uppercase;
	}

	body#news-archive-article #intro.archive-copy {
		background-color: #f4f4f4;
		display: block;
	}

	body#news-archive-article #intro.archive-copy .col_a {
		max-width: 980px;
		width: 100%;
	}

	body#news-archive-article #intro.archive-copy h2 {
		margin-top: 34px;
	}

	body#news-archive-article #intro.archive-copy li {
		margin-bottom: 10px;
	}

	body#news-archive-article #intro.archive-copy figure {
		margin: 32px 0;
	}

	body#news-archive-article #intro.archive-copy figure img {
		border-radius: 4px;
		display: block;
		height: auto;
		max-width: 100%;
	}

	body#news-archive-article #archive-breadcrumb {
		border-bottom: 1px solid #ddd;
		color: #555;
		font-size: 13px;
		font-weight: 500;
		margin: 0 auto;
		padding: 12px 3vw;
		width: calc(100% - 14vw);
	}

	body#news-archive-article #archive-breadcrumb ol {
		list-style: none;
		margin: 0 auto;
		max-width: 1280px;
		padding: 0;
	}

	body#news-archive-article #archive-breadcrumb li {
		display: inline;
	}

	body#news-archive-article #archive-breadcrumb li + li:before {
		color: #999;
		content: "/";
		padding: 0 8px;
	}

	body#news-archive-article #archive-breadcrumb a {
		color: #333;
		text-decoration: none;
	}

	body#news-archive-article #archive-actions {
		margin-top: 40px;
		padding: 0 4vw calc(3vw + 28px);
		text-align: center;
	}

	body#news-archive-article #archive-actions .btn {
		display: inline-block;
		float: none;
		margin: 0 auto;
	}

	body#news-archive-article #archive-previous {
		background: #f4f4f4;
		padding: calc(3vw + 28px) 4vw;
	}

	body#news-archive-article #archive-previous h2 {
		margin: 0 0 22px;
		text-align: center;
	}

	@media screen and (max-width:991px) {
		body#news-archive-home .archive-grid,
		body#news-archive-article #archive-previous .archive-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	@media screen and (max-width:520px) {
		body#news-archive-home .archive-grid,
		body#news-archive-article #archive-previous .archive-grid {
			grid-template-columns: 1fr;
		}
	}

	@media screen and (min-width:992px) {
		body#news-archive-article #intro.archive-copy .col_a {
			margin-left: auto;
			margin-right: auto;
			padding-bottom: 2vw;
			width: 70%;
		}
	}



	@media screen and (min-width:1920px) {
		body.xlg #more-about {
			padding-left: 7vw;
			padding-right: 7vw;
		}
		
		body.xlg #intro,
		body.xlg #summary-intro,
		body.xlg #latest-news,
		body.xlg #more-news {
			padding-left: 14vw;
			padding-right: 14vw;
		}
		
		body.xlg #latest-news.panes .news_group  {
			padding-left: 0px;
			padding-right: 0px;
		}
	}



	@media screen and (min-width:1200px) {
		#sub-nav #enquiry-tab:after {
			content: 'enquiry';
			margin-left:0.25em;
		}
		#sub-nav #findus-tab:after {
			content: ' & directions';
			margin-left:0.25em;
		}
		#sub-nav #foodmenu-tab:before {
			content: 'Food & drink';
			margin-right:0.25em;
		}
		
		#sub-nav ul li {
			padding: 17px 20px 12px 20px;
		}
		
		
		.panes .explainer h2 {
			flex-direction:row;
			-webkit-flex-direction:row;
			align-items:center;
			-webkit-align-items:center;
			margin-bottom: 20px;
			margin-top: 10px;
		}
		
		.panes .explainer > h2:after {
			color:#d9d4c9;
			content: "\e080";
			font-family: 'glyphicons halflings';
			font-size: calc(1rem + .4vw);
			margin-left:5px;
			margin-top: 3px;
		}
		

		#more-about div.img_bg1:nth-child(odd) div.img {
			padding-left: 5vw;
			padding-right: 1vw;
		}
		
		#more-about div.img_bg1:nth-child(even) div.img {
			padding-right: 5vw;
		}

		#more-about div.img_bg1 div.img {
			padding-bottom: 3vw;
			padding-top: 3vw;
			width: 50%;
		}

		#more-about > div.img_bg1 > *:not(.img) {
			padding-left:4vw;
			padding-right:4vw;
		}
		

		#intro .img,
		#summary-intro .img {
			padding:0px 0px 0px 20px;
		}
	}




	@media screen and (min-width:992px) {

		/*#top-banner.slideshow-container,
		.slideshow-container .mySlides.show,
		.slideshow-container .mySlides.show picture,
		.slideshow-container .mySlides.show picture img {
			height:40vw;
		}*/
		
		
		#intro,
		#summary-intro {
			align-items: center;
			webkit-align-items: center;
			padding: calc(30px + 1vw) 10vw;
		}
		
		#top-banner.empty + #intro,
		#top-banner > div {
			padding: 0px calc(10vw - 20px);
			text-align:left;
		}
		
		#intro > * {
			margin: 0px auto;
			padding: 0;
			width: 50%;
		}
		
		#intro .col_a {
			border-bottom: 5px solid #333;
			padding:0px 0vw 1vw 0px;
			width: calc(50% - 2vw);
		}
		
		#latest-news a.thumb_logo {
			height: calc(200px + 5vw);
		}
		
		#summary-intro .col_a {
			padding:2vw 4vw 0px 0px;
		}
			
		
		#intro picture,
		#intro picture img,
		#summary-intro picture,
		#summary-intro picture img,
		#more-about picture,
		#more-about picture img {
			border-radius:5px;
		}
		
		#more-about picture,
		#intro picture,
		#summary-intro picture {
			max-height: 40vw;
			overflow:hidden;
		}
		
		#intro picture img,
		#summary-intro picture img {
			height: 35vw;
		}
		
			

		#news #calendar .article {
			margin-bottom: calc(15px + 1vw);
			padding: 0px calc(30px + 1vw) calc(15px + 1vw) calc(30px + 1vw);
		}
		



		#intro .btn,
		#more-about .btn,
		#summary-intro .btn {
			padding-left:3vw;
			padding-right:3vw;
		}


		#more-about > div.img_bg2 > .img {
			padding: 0px calc(10vw - 20px);	
			width: 100%;
		}

		#more-about > div.img_bg2 > *.col_b {
			padding: 0px calc(20vw - 20px) 0px calc(10vw - 20px);
			width: 100%;
		}

		
		body.loc_5 #more-about picture,
		body.loc_5 #more-about picture {
			overflow-y: hidden;
			max-height: 40vw;
		}

		#more-about picture,
		#more-about img {
			object-fit:contain;
		}


		#more-about > div > div h3,
		#more-about > div > div p {
			max-width: 80vw;
			text-align: left;
		}
	}
	
		

	@media screen and (max-width:991px) {

		#top-banner:not(.empty) {
			max-height:50vh;
		}	
		
		body#news.archive #top-banner {
			margin-top:20px;
		}
		
		#top-banner h1 {
			margin:30px auto;
		}	
		
		#top-banner h1,
		#top-banner p {
			text-align:left;
		}	
		
		
		#top-banner picture > img {
			min-width: 100%;
			width:auto; 
		}
		
		#top-banner .container-fluid {
			padding:15px;
			position:relative;	
			top: 0px; 
		}
	
		#top-banner .container-fluid > img {
			width:80%;
		}
		

		#top-banner picture img {
			filter:brightness(0.7);
			-webkit-filter:brightness(0.7);
		}

		
		#top-banner.slideshow-container,
		.slideshow-container .mySlides.show,
		.slideshow-container .mySlides.show picture,
		.slideshow-container .mySlides.show picture img {
			min-height:340px;
		}	
		
		
		
		#sub-nav {
			padding:0px;
		}
		
		#sub-nav.on {
			top:64px;
		}
		
		#sub-nav ul li {
			font-size: 0.7em;
		}
		
		#news-article #intro {
			background: none;
			height: auto;
		}
		
		
		
		#intro .col_a,
		#summary-intro .col_a {
			padding:20px 30px 30px 30px;
		}
		
		
				
		#intro .btn,
		#more-about .btn,
		#summary-intro .btn {
			font-size: 2rem;
			margin: 15px auto 0px auto;
			min-width: 75%
		}
						
		#intro .btn {
			background-color: #333;
			border: none;
			width: 70%;
		}
		
		.btn {
			padding-left: 6vw;
			padding-right: 6vw;
		}
		
				
		#top-banner picture,
		#top-banner:not(.empty) .container-fluid {
			margin: 0px;
			width: 100%;
		}
		
		
		
		body#news.archive #latest-news h2 {
			font-weight:bold;
			margin:auto auto 10px auto;
		}
		
		body#news.archive #latest-news h2 + p {
			border-bottom:1px solid #ddd;
			font-size:2rem;
			margin-bottom:10px;
			padding-bottom:10px;
			text-align:center;
		}
		
		
		#latest-news .article,
		#news #calendar {
			margin-bottom:20px;
		}
		
		#latest-news .thumb_logo,
		#latest-news .thumb_logo picture {
			height:300px;
		}
		
		
		#news #calendar .explainer h2 {
			margin-top:0px;
		}
		
		
		
		#gallery {
			margin: 0px 15px;
			width: 100%;
		}
		
		#more-about p,
		#intro .col_a,
		#summary-intro .col_a,
		#contact-enquiry .btn,
		#instagram .insta p,
		#stay-in-the-know p {
			font-size:1.5rem;
		}
		
		#intro h2,
		#summary-intro h2,
		#enquiry-intro h3, 
		#more-about h3,
		body#news.archive #latest-news h2 {
			font-size: 2.6rem;
			font-weight: 600;
		}
		
		#top-banner p,
		#intro p, 
		#intro ul, 
		#summary-intro p, 
		#more-about p, 
		#more-about div > ul {
			font-size: 2rem;
		}
		
		#more-about {
			padding:15px;
		}

		#more-about > div > * {
			max-width:calc(100% - 30px);
		}
		
		#more-about > div.img_bg1 > * {
			margin-bottom:10px;
			width:100%;
		}
		
		#more-about > div.img_bg1 > *:not(.img) {
			margin-top:10px;
			padding:3vw 10px;
		}					

		#more-about > div > img {
			margin:15px 0;
			max-width:100%;
		}
		
		#more-about > div.img_bg1 {
			align-items: center;
			-webkit-align-items: center;
		}
		
		#more-about picture,
		#more-about picture img {
			margin:0px;
		}
		
		
		#intro .col_a,
		#summary-intro .col_a,
		#more-about h3,
		#more-about p {
			text-align:left;
		}
		
		#intro,
		#summary-intro {
			flex-direction:column;
			-webkit-flex-direction:column;
		}
		
		
		
		

		#more-about > div,
		#more-about > div:nth-child(odd),
		#more-about > div:nth-child(even) {
            flex-direction:column !important;
            -webkit-flex-direction:column !important;
        }
		
		

		.panes .explainer .btn.calendar {
			border:2px solid #d9d4c9;
			margin-top: 0px;
			padding: 15px calc(15px + 0.4vw);
			width: 75%;
		}

		
		
		#more-news {
			padding: 15px 10px;
		}
		
		body#news.archive #more-news {
			justify-content: center;
			-webkit-justify-content: center;
			margin-bottom:0px;
		}
		
		#more-news h2 {
			color:#c4eb68;
			font-size:3rem;
			margin-bottom: 25px;
			padding:0px 15px;
		}
		
		#more-news h3 {
			color:#fff;
		}
		
		#more-news .article {
			padding: 0px 10px;
		}
		
		#more-news .article > div {
			padding: 0px 10px;
		}
	}
	

	@media screen and (max-width:762px) {

		.gallery .slideshow-container,
		.gallery .mySlides.show,
		.gallery .mySlides.show picture,
		.gallery .mySlides.show picture img {
			min-height:40vh;
		}	
	}
	
	
	

	/** Required CSS for animate-on-scroll. Adjust timings here */
	[data-animate] {
		animation-duration: 0.5s;
		animation-fill-mode: both;
		visibility: hidden;
	}

	/** Animate-on-scroll animations, add your animations here. Make sure they end in visiblity: visible; */
	@keyframes slideInLeft {
		from {
			transform: translateX(-2em);
			opacity: 0;
		}

		to {
			visibility: visible;
		}
	}

	@keyframes slideInUp {
		from {
			transform: translateY(2em);
			opacity: 0;
		}

		to {
			visibility: visible;
		}
	}


	 @keyframes fadeIn {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
			visibility: visible;
		}
	 }