/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX    GLOBAL STYLES      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

body {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #000000;
	line-height: 26px;
}

a {color:#666666;}
a:hover{
	color:#000000;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX    HEADER STYLES      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.page_header_title, h1 {
	font-family: 'Playfair Display', serif;
	color: #bc9200;
	font-size:40px;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 50px;
	margin:0px;
	padding-bottom:10px;
}

.page_subheader_title, h2 {
	font-family: 'Playfair Display', serif;
	color: #444;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: -0.03em;
	padding-bottom: 7px;
	display: block;
}

.page_sub_subheader_title, h3 {
	font-family: 'Playfair Display', serif;
	color: #000;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: -0.03em;
	padding-bottom: 7px;
	display: block;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX    BODY TEXT STYLES      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


.body_copy {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #000000;
	line-height: 26px;
}

.body_copy_bolded {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #000000;
	line-height: 26px;
	font-weight: bold;
}

.body_copy_paragraph_underline {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #000000;
	line-height: 26px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/* == Flex Grid Page Layout Styles =======================================================
   ========================================================================== */
.flex-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 10px;
  padding: 10px;
  border-radius: 7px;
}

@media (min-width: 720px) {
.flex-container {
  flex-direction:row;
}

.flex-container > div {
  width: 30%;
}
}