@font-face {
    font-family: Copperplate-light;
    src: url(../copperplate-light.ttf);
}

@font-face {
    font-family: Add-City-Boy;
    src: url(../add-city-boy.woff);
}

* {
	font-family: Copperplate-light;
	color: #fefbf9;
	font-weight: 100;
}

img {
	border: 0; /*IE fix*/
}

#page_container {
	min-height: 80vh;
	display: flex;
	justify-content: center;
}

#page {
	padding-top: 4vh;
	align-self: center;
}

h1 {
	font-family: Add-City-Boy;
}

h2 {
	font-size: 4em;
}

h3 {
	font-size: 2em;
}

html {
	background: url("../img/background.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-color: black;
}

.content {
  min-height: calc(100vh - 8em);
}

header {
	text-align: center;
}

#menu {
	list-style-type: none;
	padding: 0em;
}

#menu > li {
	display: inline;
	padding-left: 2em;
	padding-right: 2em;
}

#listen_icon {
	height:0.8em;
    padding-left: 0.3em;
    margin-bottom: -0.15em;
}

#menu a {
	font-variant: small-caps;
	font-size: 1.6em;
}

#slogan {
	text-align: center;
}

#slogan h1 {
	text-transform: uppercase;
	color: #126adc;
	font-size: 7em;
	font-weight: 100;
	
	margin-bottom: 0em;
	
	text-shadow: -0.5px 0 #ffffe6,0 0.5px #ffffe6,0.5px 0 #ffffe6,0 -0.5px #ffffe6, 0px 0px 4px #ffffbe;;
}

#slogan h1 + h1 {
	color: #f7751f;
	margin-top: -0.35em;
	margin-bottom: 0em;
}

#slogan img {
	margin-top: 0em;
	height: 9em;
}

#facebook-page-link-image {
	width: 2.5em;
}

#welcome-text {
	text-align: center;
	font-variant: small-caps;
	font-size: 1.8em;
}

#contact {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: -5em;
}

#contact-top {
	font-size: 1.5em;
}

#contact-left, #contact-right {
	padding-top: 2em;
	font-size: 1.5em;
	line-height: 130%;
}

#contact-left {
	float: left;
	padding-top: 1em;
	padding-right: 3em;
	min-width: 430px;
}

#contact-right {
	float: right;
	padding-left: 3em;
	min-width: 430px;
}

#who-are-we {
	text-align: center;
}

#who-are-we img {
	padding-left: 6em;
	padding-top: 2em;
	width: 20em;
}

#listen {
	text-align: center;
}

#listen_info {
	font-size: 1.6em;
}

#listen a, #listen :link, #listen a:visited {
	text-decoration: underline;
}

#listen a:hover, #listen a:active {
	text-decoration: underline;
}

.radiobutton {
	width: 46px;
}

footer {
	float: clear;
	height: 2em;
	text-align: center;
}

footer img {
	height: 2em;
}

a, a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
	color: #dedede;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles */
	 #page {
		 padding-top: 10em;
	 }
}