/* Global Override */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* Body Fade In */

/* General */
@keyframes fade-in {
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes fade-in {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Body */
body {	
	animation: fade-in 2s;
    -webkit-animation: fade-in 2s;
}

/* HTML, Body */
html, body {
	background: #FFF;
	height: 100%;
	width: 100%;
}
	
/* Text*/
h1 {
	color: #265174;
	font: bold 1.4em 'Open Sans', Helvetica Neue, Arial, Sans;
	margin-bottom: .6em;
}

h2 {
	color: #A982A4;
	font: 1.2em Arial, Sans;
	margin: 1.2em 0 .8em 0;
}

p {
	color: #666;
	font: 1em 'Vollkorn';
	line-height: 1.8em;
	margin-bottom: 1.2em;
}

/* Wrap */
.wrap {
	height: 100%;
	width: 100%;
}

.wrap:after {
	clear: both;
	content: '';
	display: block;
}

/* Header */
header {
	background: #FFF;
	box-shadow: 3px 2px 0px 3px rgba(0,0,0,0.5);
	left: 0;
	opacity: .95;
	padding: 2.5% 5% 2.5% 5%;
	position: fixed;
	top: 0;
	z-index: 1;
	width: 90%;
}

header:after {
	clear: both;
	content: '';
	display: block;
}

/* Logo */
.logo {
	float: left;
	width: 70%;
}

.logo img {
	height: 50%;
	width: 50%;
}

/* Right */
.right {
	float: left;
	width: 30%;
}

/* Call, Map */
.links {
	text-align: right;
}

.links a  {
	color: #666;
}

span.wine-wed {
}

/* Cover Photo */
.cover-photo {
	background: url('../img/cover-photo.jpg');	
	background-size: cover;
	box-shadow: 3px 2px 0px 3px rgba(0,0,0,0.5);
	height: 25em;
	width: 100%;
}

/* Content Wrap */
.content-wrap {
	border-bottom: 3px solid #666;
	padding-bottom: 2em;
	width: 100%;
}

/* 3 Content Columns */
.columns {
	margin: 25px auto;
	width: 90%;
}

.columns:after {
	clear: both;
	content: '';
	display: block;
}

.column-1, .column-2, .column-3 {
	float: left;
	position: relative;
	width: 30%;
}

.column-1 {
	padding-right: 5%;
}

.column-3 {
	padding-left: 5%;
}	

/* Footer */
footer {
	background: #101213;
	color: #666;
	font: .8em 'Open Sans', Helvetica Neue, Arial, Sans;
	padding: 2em;
	text-align: right;
}

@media only screen and (max-device-width: 480px) {
	.right {
		float: none;
		width: 100%;
	}
	
	.span wine-wed {
		display: none;
	}
	
	.logo {
		float: none;
		width: 100%;
	}
	
	.logo img {
		height: 100%;
		width: 100%;
	}
	
	.column-1, .column-2, .column-3 {
		float: none;
		margin: 0 0 25px 0;
		padding: 0;
		width: 100%;
	}
}