:root {
  --bg: #F0ECE4;
  --line: #d3a08a;
  --text: #6e6b5f;
  --frame: #8a8a7a;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: var(--text);
  line-height:1.75;
  background-color: var(--bg);
  overflow-x:hidden;
  width:100vw;
}

a {
  color: var(--text);
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Montserrat-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Montserrat-Medium.woff2) format('woff2');
}

.frame {
  background: var(--bg);
  border: 1px solid var(--frame);
  padding: 3rem;
}

h1, h2, h3, strong, b {
  font-family: 'Montserrat Bold', sans-serif;
}

h1, h2, h3 {

}

.logo {
	display: block;
  width: 70%;
  max-width:260px;
  height: auto;
  margin: -.5rem auto 1.5rem auto;
}
@media (min-width: 1200px) {
  .logo {
    max-width:360px;
    margin: -2rem auto 1.5rem auto;
  }
}  

.bg-pattern {
  display: inline-block;
  margin:0 0 0 -66%;
  width:166%;
  max-width:166%;
  height:auto;
}
@media (min-width: 1200px) {
  .bg-pattern {
    margin:0 auto;
    width:100%;
    max-width:100%;
  }
}  

.text-section {
  max-width: 800px;
  margin: 2rem auto;
  text-align: center;
}
@media (min-width: 1200px) {
  .text-section {
    margin: 6rem auto;
  }
}  

footer  {
	color:#fff;
	text-align:center;
	padding:.75rem;
	font-size:15px;
	font-family: 'Montserrat Bold';
	background: #d09074;
} 

footer a  {
	color:#fff;
}