.figureArea {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
background-color: white;
}
.photoHolder {
max-width: 1400px;
height: auto;
margin: 0 auto;
}
figure.fixedratio {
padding-top: 44.29%;  /* width divided by height - 620px/1400px = 0.4429 */
background-image: url(../images/home-px.jpg);
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
}

.qlArea {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
min-height: 320px;
background-color: white;
}
.quicklinks {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
max-width: 1400px;
height: auto;
margin: 20px auto;
text-align: center;
}
.quicklinks h2 {
font-family: 'Playfair Display', serif;
font-size: 24px;
color: #404474;
text-decoration: none;
font-weight: bold;
margin-bottom: 15px;
}
.ql {
display: block;
box-sizing: border-box;
overflow: hidden;
position: relative;
width: 31.333%;
height: auto;
float: left;
margin-right: 3%;
}
.ql img {
display: block;
width: 100%;
height: auto;
}
.ql img:hover {
cursor: pointer;
opacity: .6;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
}
.ql:nth-child(3n) {
margin-right: 0;
float: right;
}
@media screen and (max-width: 775px) {
	.ql {
	position: initial;
	width: 100%;
	height: auto;
	float: none;
	margin-bottom: 15px;
	margin-right: 0;
	}
	.ql:nth-child(3n) {
	margin-left: 0;
	margin-right: 0;
	float: none;
	}
}


.contentArea {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
background-color: white;
}
.content {
display: block;
max-width: 1400px;
height: auto;
margin: 0 auto;
padding: 15px 0;
text-align: left;
font-family: 'Crimson Text', serif;
font-size: 21px;
color: #404040;
text-decoration: none;
font-weight: normal;
}
.content h1 {
font-family: 'Playfair Display', serif;
font-size: 24px;
color: #404474;
text-decoration: none;
font-weight: bold;
margin-bottom: 15px;
}
.content h2 {
font-family: 'Playfair Display', serif;
font-size: 24px;
color: #404474;
text-decoration: none;
font-weight: bold;
margin-bottom: 15px;
}
.content p {
font-family: 'Crimson Text', serif;
font-size: 21px;
color: #404040;
text-decoration: none;
font-weight: normal;
margin-bottom: 15px;
}
.content p:last-child {
margin-bottom: 0;
}
.content  a:link, .content  a:visited {
font-family: 'Crimson Text', serif;
font-size: 21px;
color: #404040;
text-decoration: underline;
font-weight: normal;
padding: 3px;
}
.content  a:active, .content  a:hover {
font-family: 'Crimson Text', serif;
font-size: 21px;
color: white;
text-decoration: none;
font-weight: normal;
background-color: #3e3e3e;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
padding: 3px;
}
.content a[href^="tel:"] {
  color: #404040;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 1227px) {
	.content {
	padding: 0 10px;
	}
}
@media screen and (max-width: 1137px) {
	.content h1 {
	margin: 15px 0;
	}
}