@font-face {
    font-family: 'Frutiger';
    font-style: normal;
    font-weight: normal;
    src: local('font/Frutiger'), url('font/Frutiger.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Frutiger Bold';
    font-style: normal;
    font-weight: normal;
    src: local('font/Frutiger Bold'), url('font/Frutiger_bold.woff') format('woff');
    }
html, body {
  height: 100%;
}

.site-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-main {
  flex: 1;
}
body {
	padding-top: 55px; 
}
.gallery-header {
  max-width: 760px;
}

.gallery-tile {
  display: block;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
  background: #eee;
  text-decoration: none;
}

.gallery-img {
  width: 100%;
  aspect-ratio: 4 / 5;         /* consistent tile shape */
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform 220ms ease, filter 220ms ease;
}

.gallery-tile:hover .gallery-img {
  transform: scale(1.03);
  filter: brightness(0.95);
}

.gallery-label {
  position: absolute;
  left: 12px;
  bottom: 12px;
  font-size: 0.9rem;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: rgba(0,0,0,0.75);
}

nav, footer {
	background-color:#b47761;
	color:#f6f4f1;
}
footer a {
	color:#f6f4f1;
	text-decoration:underline;
}
.btn-primary, .text-bg-primary {
	background-color:#b47761 !important;
	border-color:#b47761;
}
.btn-primary:hover {
	background-color:#8f5f4d;
	border-color:#8f5f4d;
}
.feature {
	margin-bottom:20px;
}
.hero {
  position: relative;
  background-image: url('../images/banner.JPG');
  background-size: cover;              /* key change */
  background-repeat: no-repeat;
  background-position: center;
  min-height: 72vh;                    /* gives it impact */
  display: flex;
  align-items: center;
}

/* soft overlay so text is always readable */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0.88) 0%,
    rgba(255,255,255,0.55) 38%,
    rgba(255,255,255,0.10) 65%,
    rgba(255,255,255,0.00) 100%
  );
}

.hero__inner {
  position: relative; /* sits above overlay */
  padding: 4.5rem 0;
}

.hero__panel {
  padding: 2.25rem 2.25rem;
  border-radius: 18px;
  background: rgba(255,255,255,0.18);
backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 12px 35px rgba(0,0,0,0.12);
  max-width: 560px;
}

.hero__title {
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-bottom: 0.75rem;
}

.hero__lead {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  color: rgba(0,0,0,0.68);
}

.hero__actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.btn-primary {
  border-radius: 999px;
  padding: 0.85rem 1.25rem;
  box-shadow: 0 10px 22px rgba(0,0,0,0.12);
}

.btn-outline-light {
  border-radius: 999px;
  padding: 0.85rem 1.25rem;
  border-width: 2px;
  color: #fff;
  background: rgba(0,0,0,0.15);
  backdrop-filter: blur(6px);
}

.btn-outline-light:hover {
  background: rgba(0,0,0,0.25);
}
.services-header {
  max-width: 760px;
}

.service-card {
  border-radius: 18px;
  padding: 1.25rem 1.25rem;
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
}

.service-card__top {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  margin-bottom: 0.9rem;
}

.service-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(176, 120, 96, 0.18); /* tweak to your brand */
  color: #1a1a1a;
  font-size: 1.25rem;
}

.service-title {
  font-size: 1.25rem;
  margin: 0;
}

.service-sub {
  font-size: 0.95rem;
  color: rgba(0,0,0,0.6);
}

.service-desc {
  color: rgba(0,0,0,0.75);
  line-height: 1.6;
  margin-bottom: 1.2rem;
}

.service-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
}

.service-price {
  font-size: 0.95rem;
  color: rgba(0,0,0,0.65);
}

h1, h2, h3, h4, h5 {
	font-family: "Alike", serif;
	margin-bottom:20px;
	text-transform:uppercase;
}
h1.fw-light {
	font-family: "Mrs Saint Delafield", cursive;
	font-size:4rem;
	text-transform: capitalize
}
.navbar-brand {
	font-family: "Alike", serif;
	font-weight: 400;
	font-style: normal;
	color:#f6f4f1;
	text-transform:uppercase;
	letter-spacing: 0.2rem;
}
.navbar-brand .brand-sm {
	font-family:'Frutiger';
	letter-spacing: 0.2rem;
	text-transform:uppercase;
	font-size:1rem;
}
.navbar-nav {
	text-transform:uppercase
}
.navbar-nav a.nav-link, .navbar-nav a.nav-link:visited {
	color:#f6f4f1;
	font-family:'Frutiger';
}
.navbar-nav a.nav-link:hover, .navbar-nav a.nav-link:active, .navbar-collapse .navbar-nav .nav-link.active {
	color:#000;
	font-family:'Frutiger';
}
.bd-placeholder-img{
	font-size:1.125rem;
	text-anchor:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
@media (min-width: 768px){
	.bd-placeholder-img-lg{
		font-size:3.5rem
	}
}
.b-example-divider{
	width:100%;
	height:3rem;
	background-color:#0000001a;
	border:solid rgba(0,0,0,.15);
	border-width:1px 0;
	box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026
}
.b-example-vr{
	flex-shrink:0;
	width:1.5rem;
	height:100vh
}
.bi{
	vertical-align:-.125em;
	fill:currentColor
}
.nav-scroller{
	position:relative;
	z-index:2;
	height:2.75rem;
	overflow-y:hidden
}
.nav-scroller .nav{
	display:flex;
	flex-wrap:nowrap;
	padding-bottom:1rem;
	margin-top:-1px;
	overflow-x:auto;
	text-align:center;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch
}