/* RESET STYLES
---------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL TEXT SIZING
--------------------------------------------------------- */

@media all {html {font-size: 17px;}}
@media all and (max-width:840px){html {font-size: 17px;}}
@media all and (max-width:800px){html {font-size: 16px;}}
@media all and (max-width:760px){html {font-size: 15px;}}
@media all and (max-width:720px){html {font-size: 15px;}}
@media all and (max-width:680px){html {font-size: 15px;}}
@media all and (max-width:640px){html {font-size: 15px;}}
@media all and (max-width:600px){html {font-size: 14px;}}	
	
	
body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: rgb(255,255,255); 
	color: rgb(47,48,48);	
	font-family: "Besley";
	font-style: normal;
	font-weight: 100;
}

h1 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 4rem;
  color: rgba(216, 178, 190, 1);
}




h2 { 
  font-family: "Playfair Display", serif;	

	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	margin: 3.5rem 0 1.25rem 0;
	padding: 3rem 0 0 0;
color: rgba(216, 178, 190, 1);	
border-top: 3px solid #eee;
text-align: left;
}

h3 {
  font-family: "Playfair Display", serif;	
	font-size: 2.5rem;
	line-height: 3rem;
	margin: 0 0 1.5rem 0;
	padding: 1rem 0 0 0;
	font-style: normal;
	font-weight: 700;
color: rgba(216, 178, 190, 1);
text-align: left;
}

h4 { 
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 0.85rem;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 2.5rem 0;
	padding: 2rem 0 0 0;
	color: rgba(47,48,48,0.65);	
}

ul { text-align: left; 
	margin: 0 0 2rem 0; 	
}

ul li {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  line-height: 1.9rem;
  padding: 0 0 1.2rem 0;
}

ul li strong { font-weight: 600; }

ul li a,
p a { color: rgba(171, 130, 143, 1); text-decoration: none; border-bottom: 1px solid #ccc; }

p a { font-weight: 400; }

p a:hover,
ul li a:hover { border-bottom: 1px solid rgba(184, 139, 153, 1); }


p { 
  font-family: "Source Sans 3", serif;	
	font-size: 1.25rem;
	font-weight: 325;	
	line-height: 2rem;
	margin: 0 0 2.25rem 0;
	text-align: left;
	color: #000;
}

p em { font-weight: 350; }


p.tagline { font-weight: 600; 
	font-size: 1.5rem;
	line-height: 2rem;
  font-family: "Playfair Display", serif;	
	
}

p.photo-credit { font-size: 1rem; font-weight:400; }


img.hero {
	width: 100%;
	padding: 1.5rem 0 1.5rem 0;
}

.wrapper {
	width: 100%;
	float: left;
}

.inner {
	max-width: 800px;
	padding: 0 2rem 0 2rem;
	margin: 0 auto;
	text-align: center;	
}

.banner { padding: 3rem 0 0 0; text-align: center; }
/* .banner img { max-width: 90%; padding: 0 1rem 0 1rem; } */

.banner .inner { max-width: 100%; }


.attitw { padding: 2.5rem 0 4rem 0; }
.attitw img { max-width: 100%; margin-bottom: 1.75rem; }
.attitw a.button-link { background-color: rgb(163,89,106); }
.attitw a.button-link:hover { background-color: rgba(34,34,34,1); }


.bottom { padding: 4rem 0 3rem 0;  border-top: 3px solid #eee;}
.bottom p { font-size: 0.9rem; font-weight: 500; color: rgba(178, 138, 151, 1); }