html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
		box-sizing:border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body {
	padding:8rem 0 0 0;
	margin:0;
}

header {
		position:fixed;
		padding:1.5rem;
		top:0;
		width:350px;
}

.project {
		max-width:1400px;
		margin:0 auto;
}

.meta {
		text-align: left;
}

p {
	font-size: 16px;
	font-family: 'Arimo', sans-serif;
	font-weight:normal;
}

.tekst {
	max-width:
}

.tekst {
	max-width: 70%;
	display: inline-block;
}



.info {
	font-size: 20px;
	text-align: left;
}

a {
	color: black;
}

h1,h3,h3 {
font-weight:normal;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Rosarivo', serif;
	text-decoration: none;
}

.next {
	font-family: 'Arimo', sans-serif;
	float: right;
	margin-right: 1.5rem;
	margin-bottom: 3rem;
	font-size: 30px;
	text-decoration: none;
}

.previous {
	font-family: 'Arimo', sans-serif;
	float: left;
	margin-left: 1.5rem;
	margin-bottom: 3rem;
	font-size: 30px;
	text-decoration: none;
}

.project ul {
		padding:0;
		text-align:center;
}

.project ul li {
		list-style:none;
		display:inline-block;
		padding:0.3rem;
}

img {width:100%; }
.massive {
		width:1200px;
} 

.medium {
		width:60%;
} 

.tiny {
		width:30%;
} 

.padded {
		padding:4rem;
} 

@media only screen and (max-width: 740px) {
body {
	padding:1.5rem;
	}
	.project ul li {
	padding:0 0 1rem 0; }
	header {
	position:static;
	width:100%;
	padding:0;
	}
	.massive,
	.medium,
	.tiny {
	width:100%;
	}
	}