@charset "UTF-8";
/* CSS Document */

@font-face {
font-family: 'Walsheim-Thin';
src: url('webfont/GT-Walsheim-Thin.eot'); /* IE9 Compat Modes */
src: url('webfont/GT-Walsheim-Thin.eot') format('embedded-opentype'), /* IE6-IE8 */
url('webfont/GT-Walsheim-Thin.woff') format('woff'), /* Modern Browsers */
url('webfont/GT-Walsheim-Thin.woff2') format('woff2'), /* Modern Browsers */
url('webfont/GT-Walsheim-Thin.ttf') format('truetype') /* Safari, Android, iOS */
}

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

h1 {
	
	font-size:32px;
	text-transform:uppercase;
	font-family: 'Walsheim-Thin';
	text-align: center;
	
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	color:#ffa537;
}

svg {fill:#fff;}
a:hover svg {
	fill:#ffa537;
}

.container {
	display: flex;
  	align-items: center;
  	justify-content: center;
	height:100%;
	
}

.width {
  max-width: 70%;
}

.country svg {
	width:80%;
	margin-bottom:20px;
}

.country {
	width:50%;
	float:left;
	margin-top: 25px;
    font-size: 21px;
    text-align: center;
	font-family: 'Walsheim-Thin';
	text-transform: uppercase;
	

  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:3s;
  -moz-animation-duration:3s;
  animation-duration:3s;
}

.country.sweden {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.country.norway {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}

 


/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }