/* normal */

:root{
	--text_clr: #1e1e1e;
	--clr1: #a88457;	
	--clr2: #c9a668;	
	--clr3: #faf8f3;
	--border_clr : #cccccc;
	--box_clr : #eff3f6;
	--border_radius: 5px;
	--light_text: #ccc;
	--awesome100 : 100 100% "Font Awesome 6 Pro";
	--awesome300 : 300 100% "Font Awesome 6 Pro";
	--awesome400 : 400 100% "Font Awesome 6 Pro";
	--awesome900 : 900 100% "Font Awesome 6 Pro";
	--light_weight: 300;
	--normal_weight : 400;
	--medium_weight : 600;
	--bold_weight : 700;
	
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
html,
body {
	font-family: "montserrat", sans-serif;
	font-size: 22px;
	color: var(--text_clr);
	font-weight: var(--normal_weight);
	line-height:1.875;
	word-break: break-word;
	scroll-behavior:smooth;
	hyphens: auto;
	
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none; transition-duration:0.2s;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none; font:inherit}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}
button{cursor:pointer}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-family: playfair-display, serif; line-height:1.3; letter-spacing:0.25em; text-transform:uppercase
}

h1, .h1{font-size:1.8rem;}
h2, .h2{font-size:24px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

p{margin-bottom:1em}

body{position:relative}
.background{background:url(img/background.png) no-repeat center/cover;position:absolute; width:100%; height:100%; top:0; left:0}
.inner{position:relative; padding: 50px 0 50px}


.maxw1{max-width:900px; margin:0 auto; padding: 0 20px}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.grid{display:grid; gap: 40px;}
.grid.cols2{grid-template-columns: repeat(2, 1fr);}
.grid.cols3{grid-template-columns: repeat(3, 1fr);}
.grid.cols4{grid-template-columns: repeat(4, 1fr);}
.grid.cols5{grid-template-columns: repeat(5, 1fr);}
.grid.cols6{grid-template-columns: repeat(6, 1fr);}

.grid .col2{grid-column:span 2}
.grid .col3{grid-column:span 3}
.grid .col4{grid-column:span 4}
.grid .col5{grid-column:span 5}
.grid .col6{grid-column:span 6}

.grid.align_top{align-items: start}
.grid.align_center{align-items: center}
.grid.align_bottom{align-items: end}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}
.content_container b, .content_container strong{font-weight:var(--bold_weight)}
.content_container a{color:var(--clr2); font-weight:var(--normal_weight)}

.divider{ position:relative; padding: 1rem 0; display: flex;    justify-content: center;    align-items: center;}
.divider:after{content:""; width:80px; height:1px; background:var(--clr1); position:relative; display:block}

.logo img{width:250px}

.highlight{margin-bottom:2rem}
.contact{margin-bottom:2rem; color:var(--clr3) }
.contact .flexbox{gap:0 2rem}
.contact a i{color:var(--clr2); display:inline-block; width:2rem}

.bordered{padding:1rem 2rem; border:1px solid var(--clr2); color:var(--clr2); line-height:1; text-transform:uppercase; letter-spacing:0.2rem }

.usps{color:var(--clr3)}
.usps .grid{gap:0}
.usps .usp{display:grid; grid-template-rows:subgrid; gap:0; grid-row:span 3; padding: 0 1rem}
.usps .usp:nth-of-type(n + 2){border-left:1px solid var(--clr1)}
.usps .usp .title{text-transform:uppercase; font-size:0.9rem}
.usps .usp .icon img{width:70px; height:auto}
.usps .usp .usp_text{font-size:0.8rem}

@media only screen and (max-width: 850px) {
	.logo img{width:200px}
}

@media only screen and (max-width: 750px) {
	body, html{font-size:20px}
	.usps .grid.cols3{grid-template-columns:1fr}
	.usps .usp{padding: 1rem 0}
	.usps .usp:nth-of-type(n + 2){border-top:1px solid var(--clr1); border-left:0; }
	
	.bordered{border:1px solid var(--text_clr); color:var(--text_clr);  }
	.contact{margin-bottom:2rem; color:var(--text_clr) }
}


@media only screen and (max-width: 500px) {
	body, html{font-size:18px}
	
}




@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}