/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-| Reset                     |-_-_-_-_-_-_-_-_-_-_-_-_- */

html
{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  
  background:#f5f3ef;
}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code, svg,
form, fieldset, legend, input, textarea,
p, blockquote, th, td, a, address,
article, aside, details, figcaption, figure, footer,
header, hgroup, main, menu, nav, section, summary,
body, th, tr, tbody, thead, sup
{
	margin:0;
	padding:0;
	background-color:transparent;
	box-sizing:border-box;
	text-decoration:none;
	list-style:none;
	border:none;
	border-radius:0;
}

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

sup
{
	line-height:1;
	font-size:0.7em;
}

a:active,
a:hover
{
	outline:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
	
	font-size:100%;
}

fieldset, img, svg
{
	border:0;
	vertical-align:bottom;
}

img
{
	width:100%;
	height:auto;
}

svg
{
	width:100%;
	height:auto;
}

svg:not(:root)
{
	overflow:hidden;
}

address, caption, cite, code, dfn, em, th, var
{
	font-style:normal;
	font-weight:normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

audio, canvas, progress, video
{
	display:inline-block;
	vertical-align:baseline;
}

ol, ul
{
	list-style:none;
}

caption, th
{
	text-align:left;
}

h1, h2, h3, h4, h5, h6
{
	line-height:1.25em;
	font-size:1.5em;
	font-weight:normal;
}

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

input, textarea, select
{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	vertical-align:top;
	
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-| Font & Baseline           |-_-_-_-_-_-_-_-_-_-_-_-_- */

body
{
	padding:50px 0 0;
	
	font:400 0.9375em/1.6666666667em "proxima-nova", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
}

body, a, input, textarea, button
{
	color:#5e626c;
}

body a
{
	transition:color 300ms ease-in-out, border 300ms ease-in-out;
	-webkit-transition:color 300ms ease-in-out, border 300ms ease-in-out;
	-moz-transition:color 300ms ease-in-out, border 300ms ease-in-out;
	-ms-transition:color 300ms ease-in-out, border 300ms ease-in-out;
}

a:hover,
a:focus,
a:active
{
	color:#9a1f55;
	border-color:#9a1f55;
}

/* .title
{
	position:relative;
	padding-bottom:40px;
	
	font-size:1.25em;
	line-height:1.25em;
	
	text-align:center;
	font-family:"century-old-style-std", Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:600;
	color:#074585;
}

    .title:after
    {
		content:"";
		
		position:absolute;
		bottom:25px;
		left:50%;
		width:100px;
		height:2px;
		margin:0 0 0 -50px;
		
		background:#074585;
    } */
    
@media screen and (max-width:700px) {
	
	body
	{
		font-size:0.75em;
	}
		
}
    
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-| Header                    |-_-_-_-_-_-_-_-_-_-_-_-_- */

/* header
{
	z-index:200;
	
	position:fixed;
	top:0;
	left:0;
	
	width:100%;
	height:50px;
	
	border-bottom:1px solid #d2d2d2;
	
	background:white;
}

	#header-logo
	{
		position:absolute;
		top:10px;
		left:30px;
		width:50px;
	}
	
	#header-menu
	{
		width:100%;
		text-align:center;
	}
	
		#header-menu ul
		{
			display:inline-block;
		}
		
			#header-menu li
			{
				float:left;
			}
			
				#header-menu a
				{
					position:relative;
					
					display:block;
					height:49px;
					padding:0 20px;
					line-height:49px;
					
					text-transform:uppercase;
					font-weight:600;
					color:#9a1f55;
					
					transition:all 200ms ease-in-out;
				}
				
				#header-menu a:hover,
				#header-menu a:focus,
				#header-menu a:active
				{
					color:#ba477e;
				}
				
				#header-menu a.open
				{
					pointer-events:none;
				}
				
				#header-menu a.open:after
				{
					content:"";
					
					position:absolute;
					bottom:10px;
					left:50%;
					width:40px;
					height:2px;
					margin:0 0 0 -20px;
					background:#9a1f55;
				}
				
@media screen and (max-width:700px) {
	
	#header-logo
	{
		top:10px;
		left:5px;
		width:24px;
	}
	
		#header-menu li:first-child
		{
			display:none;
		}
		
			#header-menu ul
			{
				padding:0 0 0 28px;
			}
		
				#header-menu a
				{
					padding:0 5px;
				}
	
} */
				
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-| Elements                  |-_-_-_-_-_-_-_-_-_-_-_-_- */

.reader, .screen-reader-response
{
	position:absolute;
	top:-9000px;
	left:-9000px;
	width:0;
	height:0;
	overflow:hidden;
}

@media screen and (max-width:700px) {
	
	.mobile
	{
		display:none !important;
	}
	
}

/* .button
{
	display:block;
	padding:5px 20px;
	
	background:#9a1f55 !important;
	
	font-weight:600;
	color:#fff;
	
	transition:all 200ms ease-in-out;
}

	.button:hover,
	.button:active,
	.button:focus
	{
		background:#ba477e !important;
		color:#fff !important;
	} */

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-| Main                      |-_-_-_-_-_-_-_-_-_-_-_-_- */

main
{
	z-index:100;
	
	padding:20px 20px 40px;
	
	background:#fff;
}

	.content
	{
		z-index:100;
		position:relative;
		max-width:1000px;
		margin:0 auto;
		padding:40px 0;
	}
	
	.content:after
	{
		content:"";
		display:table;
		clear:both;
	}
	
	.content-left,
	.content-right
	{
		float:left;
		clear:left;
		width:50%;
		padding:0 10px 0 0;
	}
	
	.content-right
	{
		clear:none;
		padding:0 0 0 10px;
	}
	
		.text
		{
			z-index:300;
			position:relative;
			
			width:100%;
			padding:10px;
			
			transition:all 600ms ease-out;
		}
		
		.text.bottom { padding-bottom:50%; }
		.text.top	 { padding-top:50%; }
		
		.text.bottom-small { padding-bottom:10%; }
		.text.top-small	   { padding-top:10%; }
		
			.text-content
			{
				position:relative;
				width:100%;
				padding:0 0 0 20px;
				
				border-left:2px solid #9a1f55;
			}
			
				.text-title
				{
					padding:0 0 10px;
					
					font-size:1em;
					font-weight:600;
					text-transform:uppercase;
					
					color:#9a1f55;
				}
				
				.text-title-big
				{
					text-transform:none;
					font-size:1.2em;
					line-height:1.2;
					font-weight:400;
				}
				
				.text-body
				{
					
				}
				
				.text-link
				{
					position:absolute;
					top:120%;
					left:20px;
				}
	
		.image
		{
			z-index:300;
			position:relative;
			
			width:100%;
			
			transition:all 600ms ease-out;
		}
		
			.image-content
			{
				position:relative;
				width:100%;
				padding:0 0 100%;
				
				background-color:#f5f3ef;
				
				background-repeat:no-repeat;
				background-size:cover;
				background-position:50% 50%;
			}
		
		.image.portrait .image-content { padding-bottom:125%; }
		.image.landscape .image-content { padding-bottom:75%; }
		
			
				.image-button
				{
					position:absolute;
					bottom:60px;
					left:50%;
					
					transform:translateX(-50%);
				}

@media screen and (max-width:700px) {
	
	main
	{
		padding:10px;
	}
	
		.text.top { padding-top:10%; }
		.text.bottom { padding-bottom:10%; }
	
}

@media screen and (max-width:700px) and (orientation:portrait) {
	
	.content-left,
	.content-right
	{
		width:100%;
		float:none;
		
		padding:0 0 0 0;
	}
	
		.text.bottom { padding-bottom:25%; }
		.text.top	 { padding-top:25%; }
	
			.text-content
			{
				padding:0 0 0 10px;
			}

}

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-| Footer                    |-_-_-_-_-_-_-_-_-_-_-_-_- */

footer
{
}

	.footer-content
	{
		overflow:hidden;
		max-width:1000px;
		margin:0 auto;
	}
	
		.footer-column
		{
			float:left;
			padding:0 20px;
			width:33.33333333%;
		}
		
			.footer-column h4
			{
				font-size:1em;
				font-weight:600;
			}
			
			.footer-column em
			{
				display:block;
				font-style:italic;
				padding:0 0 10px;
			}
			
			.footer-column:first-child a
			{
				display:inline-block;
				margin-bottom:40px;
			}
		
		.footer-column:nth-child(2)
		{
			text-align:center;
		}
		
			.footer-column img
			{
				display:inline-block;
				width:50%;
			}
			
			.footer-facebook
			{
				display:block;
				margin:40px 20px 20px;
				font-weight:600;
			}
			
		.footer-column:nth-child(3)
		{
			float:right;
			width:16.666666666%;
		}
		
			.footer-column:nth-child(3) a
			{
				display:block;
				
				font-weight:600;
			}
		
		.footer-credit
		{
			width:100%;
			grid-column:2/3;
		}
		
			.footer-credit a
			{
				display:block;
				float:right;
				color:#fff !important;
				font-size:0.75em;
				margin:20px 20px 0;
			}

@media screen and (max-width:800px) {
	
	.footer-column
	{
		width:50%;
	}
	
	.footer-column:nth-child(3)
	{
		display:none;
	}
	
}

@media screen and (max-width:500px) {
	
	.footer-column
	{
		width:100%;
		float:none;
	}
	
}