* {
  box-sizing: border-box;
}

body, html {
margin: 0;
padding: 0;
overflow-y: scroll;
color:#044742;
}

body {
    background-image: url("../media/graver1.jpg");
background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/* Navigasjonsbar stil */

.navbar {
max-width:100%;
height:40px;
z-index:1000;
font-size: 20px;       
font-family: 'Century gothic',Sans-serif;
overflow: hidden;
margin:auto;
}

.navbar a {
	color: white;
	text-decoration: none;
     	height:30px;
	width:100px;
	text-align:center;
	float:right;
	margin:5px;
	padding-right:5px;
	padding-left:5px;
	border-radius:10px;
}

.navbar a:hover {
	background: #0ea0b3;
	color: white;
}

.navbar a.active {
	background: #535c66; 
}


#topptekst {
text-align:left;
display:inline;
font-size: 20px;
color: white;
       
}

img {
  display: block;
  border-radius:15px;
  max-width:100%; 
  max-height:100%; 
  width: auto; 
  height: auto;
}

.flis-container {
padding-top:20px; 
padding-bottom:20px; 
}

.flis {

display:flex;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 10px;   
padding: 10px;
  }

.button {
  background-color: #04AA6D;
  color: white;
  padding: 45px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 10px;
  cursor: pointer;
  display: block;
  border-radius:15px;
 
}


  .flis-content1{
  float: left;
  flex: 66.66666%;
  padding: 0px;
}
 .flis-content2{
  float: right;
  flex: 33.3333%;
  padding: 5px;
border-radius:15px;
margin:auto;

}

 .flis-meny{
flex: 33.3333%;
padding: 5px;
border-radius:15px;
}

.link_side {

justify-content:center;
}

 h1 {
    
	font-family: 'Century gothic',Sans-serif;
	font-size: 35px;
	text-align: center;
	color:white;
	animation: mymove 5s;
	animation-fill-mode: forwards;
}

h2 {
    
    font-family: 'Century gothic',Sans-serif;
    font-size: 20px;
    text-align: Left;
    color:white;
    margin-left:30px;
	animation: mymove 5s;
	animation-fill-mode: forwards;

}

.innholdstekst {
	opacity:100;
   	font-family: 'Verdana',Sans-serif;
    	font-size: 20px;
    	text-align: center;
    	color:white;
	animation: mymove 5s;
	animation-fill-mode:forwards;
}

.innholdstekst {animation-timing-function: ease;}
.h1 {animation-timing-function: ease;}
.h2 {animation-timing-function: ease;}

@keyframes mymove {
  from {opacity:0;}
  to {opacity:1;}
}

@media screen and (max-width: 800px) {
  .flis-content1, .flis-content2, .flis-meny {
    	width: 100%;
	text-align:Center;
 	flex:100%;
 justify-content: center;
  align-items: center;
 }

.flis {
flex-wrap: wrap;
justify-content: center;
 align-items: center;
}
}

footer {
position: relative;
width: 100%;
height:30px;
text-align: center;
font-family: 'Verdana',Sans-serif, bold;
font-size: 15px;
}