body {
    background-color: rgb(27, 27, 27);
    color: #dddddd;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    margin: 0;
    display: grid;
    grid-template-areas: 
        "header header" 
        "minigallery content" 
        "footer footer";
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto 1fr auto;
    
}

div.header { grid-area: header;}
div.minigallery { grid-area: minigallery;}
div.content { grid-area: content;}
div.footer { grid-area: footer;}

@media (max-width: 900px) {
	div.minigallery {grid-area:footer; margin-top:64px;}
	div.content { grid-area: header; margin-top:80px;}
	.menu {margin-bottom: 48px;}
}



a { color: rgb(255, 231, 121); } 
a:visited { color:rgb(235, 168, 24) }
a:hover { color:rgb(248, 130, 19) }

.title {
    text-transform:uppercase;
    letter-spacing:12px;
    font-family:"Nunito Sans", sans-serif;
    color:white;
    font-size:22px;
    font-weight: 200;
    padding: 30px 38px;
}
.menu {
    float:right;
    margin-top: 45px;
    margin-right: 36px;
	margin-bottom: 16px;
}
.menu>ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
.menu>ul>li {
    display:inline;
    padding: 8px;
    margin: 0 4px;
    list-style-type: none;
    list-style-position: inside;
}
.menu>ul>li.active {
    border-bottom: 2px solid rgb(235, 168, 24);
}
.menu>ul>li>a {
    text-decoration:none;
}

.subheader {
    font-weight:500;
    padding-bottom: 12px;
}

.clearblock {
    padding:48px 36px 72px 36px;
}
.hero {
	height:400px;
	overflow:hidden;
}
.heroBanner {
	background-image: url("img/Snail.jpg");
	filter: blur(8px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width:100%;
}
.heroInner{
	background-image: url("img/Snail.jpg");
	height:500px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: auto 340px;
	margin:auto;
	position:relative;
	top: -550px;
}
.hero>img {
	min-height:100%;
	height: auto;
	position:relative;
	top: -550px;
	
}
.greenblock {
    background-color: rgb(26, 45, 45);
    padding: 40px 68px;
}
.greyblock {
    background-color: rgb(50, 59, 67);
}

.shopBlock {
	background: url(img/tilesBG.jpg);
	background-position-y: -262px;
	text-align:center;
	background-repeat:no-repeat;
	margin-top:64px;
}
.shopBlock>div {
	padding: 40px 0;
	background-color:#000000bb;
}
.big-ol-button {
    background-color: rgb(255, 231, 121);
    border-radius: 100px;
    cursor: pointer;
    font-size: 16px;
    padding: 18px 36px;
    margin: 32px 8px;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
}
a.big-ol-button, a:visited.big-ol-button { color: rgb(39, 72, 79); }
a.big-ol-button:hover {
    background-color: rgb(252, 183, 73);
    color: rgb(255, 255, 255);
}

.quoteblock {
    border-left: #bbbbbb solid 2px;
    padding: 12px 24px;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    margin: 20px;
}

.minigallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.galleryitem>img {
    object-fit: cover;
    height: auto;
    max-width: 100%;
}

/* newsletter styles */
.NL {
	background-image: url(img/hellebore.jpg);
	background-repeat: no-repeat;
	background-position-x:right;
	background-size:contain;
	padding-right:320px;
}
@media (max-width: 750px) {
	.NL { padding-right:40px; background-image:none;}
}
.pb-subscribe-form	{ width:50% }
.pb-form	 { margin-left:48px; }
.pb-message	 { text-align: left; margin-top: 12px !important; }
.pb-form-group	
.pb-email-input
.pb-button { color: red !important;}
.pb-success-message-wrapper	/*The confirmation message wrapper*/
.pb-success-message-icon	/*The confirmation message icon*/
.pb-success-message-title	/*The confirmation message title*/
.pb-success-message	/*The confirmation message*/
.pb-error-message	/*The error message*/