@font-face {
	font-family: 'wavenl';
	font-weight: normal;
	font-style: normal;
src: url('wavenl.eot');
src: url('wavenl.eot?#iefix') format('embedded-opentype'),
url('wavenl.woff2') format('woff2'),
url('wavenl.svg#wavenl') format('svg'),
url('wavenl.otf') format('opentype'),
url('wavenl.ttf')	format('truetype'),
url('wavenl.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'wavenl';
	font-weight: normal;
	font-style: oblique;
src: url('wavenlo.eot');
src: url('wavenlo.eot?#iefix') format('embedded-opentype'),
url('wavenlo.woff2') format('woff2'),
url('wavenlo.svg#wavenlo') format('svg'),
url('wavenlo.otf') format('opentype'),
url('wavenlo.ttf')	format('truetype'),
url('wavenlo.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'waven';
	font-weight: normal;
	font-style: normal;
src: url('wavenbo.eot');
src: url('wavenbo.eot?#iefix') format('embedded-opentype'),
url('wavenbo.woff2') format('woff2'),
url('wavenbo.svg#wavenbo') format('svg'),
url('wavenbo.otf') format('opentype'),
url('wavenbo.ttf')	format('truetype'),
url('wavenbo.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'waven';
	font-weight: normal;
	font-style: oblique;
src: url('wavenboo.eot');
src: url('wavenboo.eot?#iefix') format('embedded-opentype'),
url('wavenboo.woff2') format('woff2'),
url('wavenboo.svg#wavenboo') format('svg'),
url('wavenboo.otf') format('opentype'),
url('wavenboo.ttf')	format('truetype'),
url('wavenboo.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'waven';
	font-weight: bold;
	font-style: normal;
src: url('wavenbl.eot');
src: url('wavenbl.eot?#iefix') format('embedded-opentype'),
url('wavenbl.woff2') format('woff2'),
url('wavenbl.svg#waven') format('svg'),
url('wavenbl.otf') format('opentype'),
url('wavenbl.ttf')	format('truetype'),
url('wavenbl.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'waven';
	font-weight: bold;
	font-style: oblique;
src: url('wavenblo.eot');
src: url('wavenblo.eot?#iefix') format('embedded-opentype'),
url('wavenblo.woff2') format('woff2'),
url('wavenblo.svg#wavenblo') format('svg'),
url('wavenblo.otf') format('opentype'),
url('wavenblo.ttf')	format('truetype'),
url('wavenblo.woff') format('woff');
	font-display: swap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {
	font-family: 'wavenl';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('wavenl.svg') format('svg');
	}
@font-face {
	font-family: 'wavenl';
	font-weight: normal;
	font-style: oblique	
	font-display: fallback;
	src: url('wavenlo.svg') format('svg');
	}
@font-face {
	font-family: 'waven';
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
	src: url('wavenbo.svg') format('svg');
	}
@font-face {
	font-family: 'waven';
	font-weight: normal;
	font-style: oblique;
	font-display: fallback;
	src: url('/wavenboo.svg') format('svg');
	}
@font-face {
	font-family: 'waven';
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	src: url('wavenbl.svg') format('svg');
	}
@font-face {
	font-family: 'waven';
	font-weight: bold;
	font-style: oblique;
	font-display: fallback;
	src: url('wavenblo.svg') format('svg');
	}
}

article,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

a,
input,
button {
	touch-action: manipulation;
}

/* Clearfix
	 ================================================== */
header::after,
footer::after {
	content: "";
	display: table;
	clear: both;
}

/* ==========================================================================
	 ========================================================================== */
@media screen {

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
	}
body {
	position: relative;
	margin: 0 auto;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: #f32037;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	font-size: 100%;
	max-width: 1320px;
	}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-text-size-adjust: inherit;
	-ms-text-size-adjust: inherit;
	text-size-adjust: inherit;
	}



.header {
	width: 253px;
	height: 55px; 
	padding: 0; 
	margin:0 auto; 
	background: #fff;
	font: bold 13px 'waven', sans-serif; 
	float: none;
	z-index:0; position:relative;
	}
.header a {
	text-decoration: none; 
	position:relative; 
	left: 0; 
	top: 0;
	}
.header img {
	position:relative; 
	width: 253px; 
	height: 55px;
	}
.header h1 {
	line-height: 0; 
	padding:0;
	margin: 0;
	}
.nav {
	width: 300px; 
	height: 108px;
	text-align: center;
	margin:0 auto; 
	padding:0 0 1em; 
	background: #fff;
	float:none; 
	z-index: 0;position:relative;
	}
.nav a {padding: .5em; }


.headline {
	background: #faf1e8;
	position:relative;
	}
.headline-measure {
	max-width: 1320px;
	padding-bottom: 2.4rem;
	}
.headline-title {
	font-size: 3rem;
	line-height: 1;
	font-family: 'waven', sans-serif;
	padding: 89px 8px 0 21px;
	max-width: 768px;
	color: #613002;
	margin:0;
	}
.headline-text {
	font-size: 1.5rem;
	line-height: 1.667;
	font-family: 'wavenl', sans-serif;
	padding: 21px 8px 0 21px;
	max-width: 768px;
	color: #613002;
	}
.headline-image {
	margin: 0 auto;
	width: 100%;
	}
.headline-image img {
	display: block;
	background: url(images/1.jpg) no-repeat center;
	width: 640px;
	height: 348px;
	}
#contact, .touch {
	margin: 0;
	text-align: center;
	max-width: 1320px;
	}
#contact, #contact a, #contact a:visited {
	font-family: 'waven', sans-serif;
	font-weight: normal; 
	line-height:1.5;
	letter-spacing: 1px;
	background: #faf1e8;
	color: #613002;
	padding: .75em 0 0;
	}

.intro {
	padding-top: 2.4rem; 
	padding-bottom: 2.4rem;
	max-width: 1320px;
	padding-left: 20px;
	padding-right: 20px;
	}

.intro h2 {
	font-size: 1.8rem;
	line-height: 1.166;
	font-family: 'wavenl',sans-serif;
	max-width: 472px; 
	}

.footer {
	padding-top: 2rem; 
	background: #fae8ea;
	z-index:200;
	}

.footer a:link,.footer a:visited {
	text-decoration: underline;
	border: 0;
	background: none;
	}
.article {
	word-wrap: break-word;
	display: block;
	max-width: 1320px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 2em;
	background: #f1d8bf;
	}
.article#intro {padding: 1.5rem 0 0; }
.article#intro h1 {padding: 55px 21px 0; text-align:center;}
.article#love {padding-bottom:2rem;}
.article.exchange {padding-top: 2rem;}
.article.zebra {background: #faf1e8;}



	/* Links
		 ==================================================== */

p a, li a {
	font-family: 'waven',sans-serif;
	}

a:link,a:visited {
	color: #bb0a1e;
	text-decoration: underline;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip: ink; 
	}
a:hover {
	color: #f32037;
	text-decoration: underline;
	}
a:active {
	position:relative;
	top:2px;
	}
a:focus {
	outline: 1px solid #f32037;
	}

a[rel~="external"]:hover, a[rel~="external"]:active {
	color: #a90df2;
	}


#contact a, #contact a:visited {
	background: transparent;
	text-decoration: none;
	border: 0;
	}

#contact a:hover {
	text-decoration: underline; 
	color: #f32037;
	}


.nav li a, blockquote a[rel~="external"] {
	text-decoration: none;
	}

.nav li a:hover,.nav li a:active,blockquote a {
	text-decoration: underline;
	}
.nav a,
.nav a:visited,
blockquote a:visited,
.header a,
.header a:visited
	{
	color: #bb0a1e;
	background: transparent;
	border: 0;
	outline: 0;
	}
.nav a:hover,.nav a:active, .nav a:focus,
.header a:hover, 
.header a:active,
.header a:focus {
	color: #f32037;
	background: transparent;
	border: 0;
	outline: 0;
	}
a.topl,a.topr {
	position:fixed;
	bottom: 0;
	display:block;
	font: bold 1.2em 'waven',sans-serif;
	color: #bb0a1e;
	background:transparent;
	padding: 1em 0 0;
	z-index: 200;
	scroll-behavior: smooth;
	}
a.topl {left:0;} a.topr {right:0;}
a.topl:hover,a.topl:active,a.topr:hover,a.topr:active {color: #f32037;}
	


	/* Typography
		 ================================================== */


body {
	color: #613002;
	font-family: 'waven',sans-serif;
	}

h2,h3,figcaption {
	clear: left;
	font-family: 'wavenl', sans-serif;
	font-weight: normal;
	color: #bb0a1e;
	}
	.article h1 {
	clear: left;
	font-family: 'wavenl',sans-serif;
	font-weight: normal;
	color: #bb0a1e;
	font-size: 3rem; 
	margin: 3.25rem 0 0;
	padding-top: 3.25rem;
	}
.article h1 span.subhead {
	color: #613002;
	font-size: 67%;
	font-style: oblique;
	}
.article h2 {
	clear: left;
	font-family: 'wavenl',sans-serif;
	font-weight: normal;
	color: #bb0a1e;
	font-size: 3em; 
	margin: 3.25rem 0 0;
	padding-top: 3.25rem;
	}
.article h2 span.subhead {
	color: #613002 !important;
	font-size: 67%;
	font-style: oblique;
	}
.article#intro p {
	width: 100%; 
	padding: 0 20px; 
	}
.article h2 {
	padding-top: 3.25rem;
	margin: 0 0 1.25rem;
	}
.article h3 {
	font-size: 1.6875rem;
	font-style: oblique;
	font-weight: normal;
	line-height: 1.555;
	margin: 2rem auto 0.75rem;
	color: #611b02;
	}

p,ul {
	margin: 2em 0;
	font-family: 'waven', sans-serif;
	font-weight: normal;
	}

.article p {
	max-width: 768px;
	font-size: 1.333rem;
	line-height: 1.6;
	margin-bottom: 2rem;
	}
.article p.nobmargin {margin-bottom: 0; }

.article ul,.intro ul {
	max-width: 768px;
	font-size: 1.333rem;
	line-height: 1.6;
	margin-bottom: 2rem;
	}
.article ul li,.intro ul li {
	margin-bottom: .75rem;
	}

footer {
	padding: 20px 20px 0;
	margin: -1.4rem 0;
	}
.footer p {
	font-size: 1.333rem;
	line-height: 1.6;
	}

q {
	quotes: "\2018" "\2019" "\201C" "\201D";
	}

#love span,#kudos span {
	font-style: oblique;
	}
	
blockquote {font-size: 1.333rem; background: #fff; padding: 1rem; border-radius: .5rem; margin: 4rem 20px; text-align:center;}

figcaption {
	margin-top: 0.5em;
	font-style: oblique;
	}
	
mark {background: transparent; color: #bb0a1e; font: bold	1.2em 'waven'; }

hr {
	box-sizing: content-box;
	position:relative;
	height: 55px; width: 100%;
	margin: -27px 0;
	overflow: visible;
	border: 0;
	z-index: 100;
	background: url(wide.svg);
	}
	
.article#intro hr {
	background: url(white.svg); 
	height:21px; 
	margin: 0 21px;	}
hr.brown {background: url(brown.svg); }
hr.top {background: url(top.svg); }



	/* Pix 
		 ===================================================== */


img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	}
.intro figure,
.intro img,
.article figure,
.article img {
	display: block;
	margin: 20px 0;
	clear: both;
	}


	/* Lists
		 =================================================== */

menu,ol,ul {
	padding: 0;
	}

li > ul,li > ol {
	margin: 0;
	}

ul.rgbull,	ul.rgbull2 {
	list-style: none; 
	}

.rgbull2 li::before {
	content: "•";
	color: #bb0a1e;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	}

.rgbull li::before {
	content: "•";
	color: #f32037;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	}

.nav ul {
	list-style: none;
	margin: 0;
	}

.nav li {
	display: inline-block;
	line-height: 1;
	font-size: 1rem;
	padding: 16px;
	}
}


/* ==========================================================================
	 ========================================================================== */


@media only screen and (min-width: 39rem) {

.header {
	margin-left:16px;		 padding:15px 0 0;
	height: 108px;}
.nav {
	float:right;
	margin:-108px 0 0; 
	padding: 0; 
	height: 108px;}
.nav a {padding: .5em 0 .75em; }


.headline-title {font-size: 4rem; }
.headline-image img {
	margin: 0 auto;
	background: url(images/2.jpg) no-repeat center;
	width: 960px;
	height: 521px;
	}
#contact, #contact a, #contact a:visited {
	letter-spacing: 2px;
	}

blockquote {width: 70%; margin: 4rem auto;}

figcaption {
	font-size: 1.125rem;
	}

ol,ul {
	padding-left: 20px;
	}

.article {
	padding-bottom: 3em;
	}
.article h1,.article h2 {font-size: 4rem; }

.article h3 {
	font-size: 2.4375rem;
	line-height: 1.5897;
	margin-top: 4.0625rem;
	margin-bottom: 1.5625rem;
	}
.article p {
	font-size: 1.5rem;
	line-height: 1.667;
	margin-bottom: 2.5rem;
	}
.article ul {
	font-size: 1.5rem;
	line-height: 1.667;
	margin-bottom: 2.5rem;
	}
.article ul li {
	margin-bottom: 1rem;
	}

.footer {
	font-size: 1.5rem;
	line-height: 1.667;
	padding-top: 6rem;
	}

}
/* ==========================================================================
		========================================================================== */
@media only screen and (min-width: 45.5rem) {

.nav {
	width: auto; 
	padding-top:17px;
	}
.nav li {
	padding: 16px;	
	}
blockquote {width: 60%;}
}

@media only screen and (min-width: 50rem) {

.headline-title {
	font-size: 4.5rem; 
	}
blockquote {width: 50%;}
.intro {
	padding-top: 2rem;
	padding-bottom: 2rem;
	}

.intro h2 {
	font-size: 2rem;
	line-height: 1.75;
	}

.intro ul {
	font-size: 1.5rem;
	line-height: 1.667; 
	}
.intro ul li {
	margin-bottom:1rem;
	}

.intro-block {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	}

.intro-block1 {
	width: 472px;
	padding-right: 3.2%;
	}

.intro-block2 {
	width: 768px;
	}

#contact, #contact a, #contact a:visited {
	letter-spacing: 3px;
	}
.article#intro p {
	max-width: 1280px;
	padding: 0 20px;
	}
.article#intro hr {width:60%; margin: 0 0 0 auto;}

}
/* ==========================================================================
	 ========================================================================== */
@media only screen and (min-width: 58rem) {

.headline-image img {
	margin: 0 auto;
	background: url(images/3.jpg) no-repeat center;
	width: 1280px;
	height: 696px;
	}
blockquote {width: 45%;}

}
/* ==========================================================================
	 ========================================================================== */

@media only screen and (min-width: 64rem) {


#contact, #contact a, #contact a:visited {
	letter-spacing: 6px; 
	}

.article {
	padding-bottom: 4em; 
	}
.article p,
.article ul,
.article ol {
	width: 60%;
	}
.article figure {
	width: 36.8%; 
	float: right; 
	margin-top:.5rem;
	}
.article img {
	float:right;
	margin-top:.5rem;
	}

.intro figure,.intro figure img {width:100%;}
}

/* ==========================================================================
	 ========================================================================== */

@media only screen and (min-width: 72rem) {

html {font-size: 110%;}

}