/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* Text Styles
-----------------------------------------------------------------*/

h1 {
	font-size: 1.75rem;
	color: #D9C8AC;
	font-weight: 300;
	line-height: 1.5;
	margin: 30px 0 0 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

h2 {
	font-size: 1.75rem;
	color: #0F1D3B;
	font-weight: 200;
	line-height: 1.5;
	margin: 0 0 30px 0;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
}

h3 {
	font-size: 1.75rem;
	color: #0F1D3B;
	font-weight: 300;
	line-height: 1.5;
	margin: 0 0 0 0;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: 'Playfair Display', sans-serif;
}

h4 {
	font-size: 1rem;
	color: #0F1D3B;
	font-weight: 200;
	line-height: 1.25;
	margin: 0 0 0 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

p {
	font-weight: 300;
	line-height: 1.25;
	margin: 0 0 30px 0;
	font-family: 'Montserrat', sans-serif;
}

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
	font-size: 1.05rem;
	margin-bottom: 20px;
	font-weight: 300;
}

ul	{
	padding: 0 0.625rem 0 0.625rem;
}



/* ----------------------------------------------------------------------------
	Page Section
---------------------------------------------------------------------------- */

.page-section { padding: 60px 0 60px 0; }



/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/


.section {
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	overflow: hidden;
}



/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/


#content {
	position: relative;
	background-color: #FFF;
}

#content p { line-height: 1.8; }

.content-wrap {
	position: relative;
	padding: 0 0 0 0;
	overflow: hidden;
}

#content .container { position: relative; }

.grid-container,
.grid-inner {
	position: relative;
	overflow: hidden;
}

.grid-inner {
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

body:not(.device-touch) .grid-container {
	-webkit-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
}