@font-face {
	font-family: 'Mason';
	src: url('fonts/Mason-Regular.eot');
	src: url('fonts/Mason-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Mason-Regular.woff2') format('woff2'),
		url('fonts/Mason-Regular.woff') format('woff'),
		url('fonts/Mason-Regular.ttf') format('truetype'),
		url('fonts/Mason-Regular.svg#Mason-Regular') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Trajan Pro';
	src: url('fonts/TrajanPro-Regular.eot');
	src: url('fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/TrajanPro-Regular.woff2') format('woff2'),
		url('fonts/TrajanPro-Regular.woff') format('woff'),
		url('fonts/TrajanPro-Regular.ttf') format('truetype'),
		url('fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,
body {
	height: 100%;
	background-color: #000;
	color: #fff;
}

button,
input,
textarea,
select {
	color: #000;
	font-family: 'Trajan Pro', serif;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea,
select {
	width: 100%;
}

a {
	color: #c1c1c1;
	text-decoration: none;
	outline: 0;
}

#rsvp,
#login,
#emailError,
#loginEmailError,
#calendar,
#thankyou,
#linkgen {
	display: none;
}

.banner {
	height: 80%;
	background: #000 url('../img/banner.jpg') no-repeat center;
	background-size: cover;
}

.content {
	padding: 1em;
	font-family: 'Mason', serif;
}

.full-height {
	height: 100%;
}

.link-color {
	color: #c1c1c1;
}

.red {
	color: red;
}

@media screen and (min-width:48em) {
	body {
		font-size: 1.5em;
	}
	
	.banner {
		height: 100%;
	}
}