.btn{
background:rgba(255,255,255,0.9);
color:#666;
padding:5px;
display:inline-block;
vertical-align:top;
text-decoration:none;
border-right:2px solid rgba(255,255,255,0);
border-left:2px solid rgba(255,255,255,0);
transition:0.3s all;
box-sizing: content-box !important;
}

.btn:hover{
background-color:#6293a1;
color:#FFF;
}


.btn.big{
font-size:130%;
}

.btn.fullw{
width:100%;
margin-top:10px;
margin.bottom:10px;
}form label{
display:block;
margin-bottom:10px;
margin-top:10px;
padding:10px;
}

form label input, form label textarea, form label select{
width:100%;
}

.msg{
background: linear-gradient(135deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
color:#FFF;
padding:15px;
display:block;
font-size:140%;
width:100%;
margin-bottom:30px;
}


.dialogue, .dialogue input, .dialogue textarea, .dialogue select{
font-size:140%;
}.issueItem{
display:inline-block;
background:rgba(0,0,0,0.8);
padding:10px;
margin:10px;
vertical-align:top;
width:100%;
max-width:350px;
}

.issueItem h3{
margin:0px;
padding:0px;
}

.meta{
font-size:80%;
opacity:0.8;
}

body,form,textarea,input,select,option,label,div,span,a,h1{
box-sizing: border-box;
font-family: 'Teko', sans-serif;
font-weight:300;

}

body,textarea,input,select,option{
font-size:20px;
}

html,body{ margin:0; padding:0; height:100%; width:100%; }

textarea{
    padding:4px;
}

.blink {
	animation: blinker 2s linear infinite;
        color: red;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
.fullwidth{
width:100% !important;
}

.btn.fullwidth{
text-align:center;    
}

a, span,div,p{
outline:none;    
}


h1, h2, h3{
font-weight:700;
}

h2, h3{
font-weight:500;
}
#menuToggler{
position:fixed;
bottom:15px;
right:15px;
width:70px;
opacity:0.8;
z-index:110;
}

#menuToggler>span{
display:block;
height:5px;
width:90%;
margin-left:5%;
margin-top:11px;
margin-bottom:11px;
background-color:#FFF;
transition:0.4s all;
position:relative;
}

#menuToggler>span:nth-child(3){
width:40%;
}

#menuToggler:hover>span:nth-child(3){
width:80%;
}

#menuContent{
position:fixed;
right:0px;
bottom:0px;
background:rgba(0,0,0,0.6);
z-index:100;
}

#menuContent{
max-height:0vh;
opacity:0;
overflow:hidden;
transition:0.3s all;
padding-bottom:90px;
}

#menuW.open #menuContent{
max-height:100vh;
opacity:1;
}

#menuContent a {
padding:8px;
padding-right:30px;
padding-left:20px;
display:block;
font-size:200%;
width:100%;
color:rgba(255,255,255,0.8);
text-decoration:none;
text-align:right;
}

#menuContent a:hover{
color:rgba(255,255,255,1);
background:rgba(255,255,255,0.1);
}



#menuW.open #menuToggler>span:nth-child(1){
transform:rotate(45deg);
top:13px;
}

#menuW.open #menuToggler>span:nth-child(2){
transform:rotate(-45deg);
top:-3px;
}

#menuW.open #menuToggler>span:nth-child(3){
opacity:0;
}


.page{
background-color:rgba(50,50,50,0.70);
padding:30px;
width:500px;
display:block;
position:absolute;
left:50%;
right:50%;
max-width:100%;
height:100vh;
max-height:100vh;
color:rgba(255,255,255,0.9);
overflow:auto;
padding-bottom:80px;
}

.page.fullw{
width:100%;
left:0px;
right:0px;
}

.page h1{
font-weight:500;
font-size:80px;
font-weight:300;
}


h2{
padding:0px;
margin:0px;
margin-top:60px;
margin-bottom:3px;
font-weight:300;
font-size:30px;
}

p{
margin:0px;
margin-top:4px;

}



@media only screen and (max-width: 1000px) {

.page{
left:auto;
right:0px;
}

.page h1{

font-size:70px;
}

}#bedriftRoll{
display:block;
position:fixed;
top:0px;
left:0px;
width:100%;
background:rgba(0,0,0,0.4);
color:#FFF;
cursor: crosshair;
}

#bedriftRoll>div{
display:block;
width:100%;
padding:30px;
}

#bedriftRoll>div>strong{
display:inline-block;
width:50%;
font-size:360%;
font-weight:normal;
text-align:center;
margin-right:5%;
}

#bedriftRoll>div>div{
display:inline-block;
width:40%;
font-size:140%;
vertical-align:top;
color:#CCC;
text-align:left;
}

#bedriftRoll>div>div.short{
font-size: 240%;
}

#bedriftRoll>div>div.word{
font-size:360%;
}


#presNotes{
display:block;
position:fixed;
bottom:0px;
left:0px;
width:100%;
color:#FFF;
font-size:240%;
perspective:1000px;
cursor: crosshair;
}

#presNotes>div{
text-align:center;
background-color:rgba(0,0,0,0.4);
transition:0.5s all;
padding:20px;
position:fixed;
bottom:0px;
left:0px;
width:100%;
transform:rotateX(0deg) rotateY(0deg);
opacity:1;
text-shadow:0px 0px 5px rgba(0,0,0,1);
}


#presNotes>div.out{
transform:rotateX(270deg) rotateY(20deg);
opacity:0.0001;
}


.presentasjonQuote{
display:block;
width:100%;
padding:30px;
margin-top:-450px;
text-align:center;
font-size:260%;
color:#CCC;
transition:0.5s all;
transform:rotateX(0deg) rotateY(0deg);
text-shadow:0px 0px 5px rgba(0,0,0,0.8);
}

.important{
display:block;
width:100%;
z-index:9999;
bottom:0px;
background:red;
color:#FFF;
padding:30px;
font-size:45px;
text-align:center;
position:fixed;
background-color:rgba(149,3,21,0.5);
transition:3s all;
}

.important.state2{
background-color:rgba(0,0,0,0.6);
}

.important>span{
display:inline-block;
margin-left:30px;
margin-right:30px;
}#startBackground,#startW{
display:block;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100vh;
}

.startside{
display:table;
width:100%;
}

#startW{
background-color:rgba(40,40,40,0.4);
}

#startBackground{
background-image:url(4665.jpg);
background-image:url(DJI_0749.jpeg);
background-size:cover;
background-position:center bottom;
}


.startside h1{
font-size:300px;
padding:0px;
margin:0px;
text-align:center;
height:100vh;
display:table-cell;
vertical-align:middle;
width:100%;
color:rgba(235,235,235,0.95);
text-shadow:0px 0px 20px rgba(0,0,0,0.2);
}

#startquote{
display:block;
width:100%;
padding:30px;
margin-top:-300px;
text-align:center;
font-size:180%;
color:#CCC;
transition:0.5s all;
transform:rotateX(0deg) rotateY(0deg);
text-shadow:0px 0px 5px rgba(0,0,0,0.8);
}

#startquote.init{
transform:rotateX(90deg);
}


@media only screen and (max-width: 770px) {

.startside h1{
font-size:120px;
padding:30px;
}

#startquote{
font-size:140%;
}

}


@media only screen and (max-height: 680px) {
#startquote{
margin-bottom:100px;
}
}