* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    color: #fff;
    background: #000;
    overflow: hidden;
    font-family: 'kit-sans', sans-serif;
    font-size: 1em;
}



.masked-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ontop {
    position: absolute;
    z-index: 999;
    left: 20%;
    top: 520px;
}



.wrapper {
    position: absolute;
    width: 500%;
    height: 100%;
    z-index: 0;
}

/* Text */

.bogstav {
    font-family: 'fields-display', sans-serif;
    font-size: 32px;
    padding-top: 25px;
}

h1{color: #fff;
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-family: "fields-display", sans-serif;
font-size: 120px;
font-style: normal;
font-weight: 900;
line-height: 110px; /* 91.667% */
letter-spacing: 3.6px;
text-transform: uppercase;}
h2 {
    font-family: 'fields-display';
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

h1 {
	
text-align: center;
margin-top: 50px;
font-size: 2em;	
	}

h2 {
	
text-align: center;

font-size: 2em;	
	}
	
h3{
color: #fff;
text-align: center;
font-family: 'kit-sans';
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 160% */
letter-spacing: 0.5px;
margin:-70px 0px 62px 0px;

}    
h4 {
	
text-align: center;
margin-top: 0px;
font-size: 36px;	
	}


p {
    line-height: 2;
    text-shadow: 1px 1px 1px #000;
}

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

a:hover {
    color: #fff;
}

h1 a,
h1 a:hover,
h1 a:visited {
    text-decoration: none;
}

p a {
    font-weight: 700;
}

p {font-size: 1.1em; line-height: 1;}


img.logoer {
    position: absolute;
    top: 730px;
    left: -28px;
}

.hidden {visibility: hidden;}
input[type="radio"] {display: none;}
#close {font-size: 40px; text-transform: uppercase; text-align: right; display: block; width: 40px; height: 40px; position: absolute; right: 50px; top: 70px; color: #fff;}

label {
    font-size: 22px;
    margin-bottom: 5px;
    display: block;
    font-weight: 200;
}
label:before {content: "\e603"; font-family: 'icomoon'; color: #fff; }

.left, .center, .right {padding: 2% 5% 0 5%; width: 33.333%; float: left; height: 100%; line-height: 40px;}



/* Header */

header {
    position: absolute;
    top: 35%;
    left: 50%;
    z-index: 999;
    color: #fff;
    padding: 0px;
    width: 950px;
    height: 500px;
    border-radius: 20px;
    margin: -310px 0 0 -476px;
    text-align: center;
	
	
}

header h1 {
	padding: 0 0 10px 0;
	font-size: 11em;
	margin-bottom: 0px;
	margin-top: 130px;
    line-height: 160px;
	
}

#showPersons {
color: #fff;
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-family: 'kit-sans';
font-size: 30px;
font-style: normal;
font-weight: 200;
line-height: 46px; /* 153.333% */
letter-spacing: 4.5px;
text-transform: uppercase;
border:1px solid #fff;
border-radius: 100px;
padding: 30px 80px 20px 80px;
margin-top: 100px;
}
#showPersons span {font-weight: 300; font-size: .7em;}



/* Video Pages */

.screen {
    position: relative;
    height: 100%;
    width: 20%; /*  NOTE: numVideos/100%  */;
    float: left;
    overflow: hidden;
}

.big-image {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}

.video-title {
    position: absolute;
    top: 5%;
    right: 5%;
    opacity: .5;
    margin: 40px 0 0 0;
    padding: 0;
    line-height: .65;
    font-size: 4em;
    text-transform: uppercase;
}

/* Nav */

nav {
    position: absolute;
    right: 5%;
    top: 45%;
    padding: 20px;
    background: #000;
    border-radius: 40px;
    opacity: .4;
    cursor: pointer;
    z-index: 1000;
}

nav:hover {
    opacity: .6;
}

.next-icon {
    display: block;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    width: 20px;
    height: 20px;
    position: relative;
    left: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;
    text-decoration: none;
}