/* scranji bold */
@font-face {
  font-family: 'Skranji';
  font-style: normal;
  font-weight: 700;
  src: local('Skranji Bold'), local('Skranji-Regular'),
       url('fonts/scranji/bold.ttf') format('ttf'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/scranji/bold.ttf') format('ttf'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* scranji */
@font-face {
  font-family: 'Skranji';
  font-style: normal;
  font-weight: 400;
  src: local('Skranji Regular'), local('Skranji-Regular'),
       url('fonts/scranji/regular.ttf') format('tff'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/scranji/regular.ttf') format('ttf'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {font-family:'Skranji', Tahoma, Verdana, sans-serif; background-color: #e7e7e7;}
h1,h2,h3,h4,h5,h6,p,a {font-family:'Skranji', Tahoma, Verdana, sans-serif;}


.mid {
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%)
}

.mid img.logo {
	width: 300px;
	height: 381px;
	background-image: url('img/norse_fi_logo.png');
 	background-size: cover;
 	background-repeat: no-repeat;
 	clear: both;
}

.mid .container {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mid .container img.item {
  height: 90px;
}

a {
	color: #1480ad;
	font-weight: 600;
}
a:hover {
	color: #1fabe5;
}


@media (max-width: 480px) {
	.mid img.logo {
		width: 200px;
		height: 254px;
	}
	.mid .container {
	  margin-top: 5px;
	}
	.mid .container img.item {
	  height: 60px;
	}
}