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

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('../fonts/fira-sans-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/fira-sans-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'),
       url('../fonts/fira-sans-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/fira-sans-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
	background: #000;
	color: #fff;
	font-family: 'Fira Sans', sans-serif;
}

h1, 
h2,
h3 {
	text-transform: uppercase;
}

h1 {
	font-family: 'LeagueGothicRegular', sans-serif;
	font-size: 3.5em;
	margin-bottom: 0;	
}

h2 {
	padding-top: 0.5em;
}

a {
	color: #8BC34A;
}

a:hover {
	color: #C5E1A5;
}

main {
	border-top: 6px solid #8BC34A;
}

section.container {
	padding-top: 40px;	
}

span.socials a {
	color: #fff;
	font-size: 18px;
}


a.twitter:hover {
	color: #55acee;
}

a.flickr:hover,
span.flickr {
	color: #0063dc;
}

a.instagram:hover,
span.instagram {
	color: #3f729b;
}

a.lastfm:hover {
	color: #c3000d;
}

.gdpr {
  font-size: 0.75em;
}

.copyright {
	padding-top: 1em;
	font-size: .75em;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}