* {
	box-sizing: border-box;
	margin:0;
	padding:0;
}
body {
	background-color:#eee;
	font-family:Josefin Sans;	
  overflow-y: scroll;
}	
a {
	color:black;
}
h1 {
	margin-bottom:15px;
}
h2 {
	margin-top:45px;
	margin-bottom:10px;
}
p {
	line-height:1.4;
	margin-bottom:15px;
}
nav {
	margin-bottom:20px;
	text-align:right;
}
nav li {
	list-style:none;
	display:inline;
}
.prosjektliste ul li {
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;
}


.about form {
	margin-top:20px;
	margin-bottom:20px;
}
.bildetekst {
	font-size:12px;
}
.brodtekst{
	font-family:Roboto;
}
.gra{
	color:#666;
}
.navn{
	font-size:18px;
}
.prosjektliste a {
	text-decoration:none;
}
.prosjektliste a:hover {
	text-decoration:underline;
}
.ramme{
	margin:10px auto;
	max-width:100%;
}
.rad {
	margin-bottom:50px;
}
.storbilde {
	margin-bottom:10px;
	max-width:100%;
	max-height:560px;
}
.stotteboks{
	background-color: hsl(25,48%,69%);
	float:right;
  padding: 10px;
	width: 240px;
}


@media only screen  and (min-width: 1360px) {
	.stotteboks{
		position: fixed;
    right: 50px;
    top: 0px;
    width: 170px;
	}
	.stotteboks h1{
		font-size:16px;
	}
}

@media only screen and (min-width: 800px) {
	.ramme{
		width:800px;
	}
}