@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding-bottom:1em;
}
img{
	width:100%;
	height:auto;	
}
body{
	font-family: 'Raleway', sans-serif;
	color:#222;
}
#wrapper{
	max-width:1440px;
	margin:0 auto;
    padding:0 1%;
}
header, section{
	padding-bottom:3em;
}
h1{
	padding:1em 0;
}
main{
    display:grid;
    grid-template:auto/repeat(4, 1fr);
}
/*main>section{
    flex:1;
}*/
a{
	text-decoration:none;
	color:#222;
}
img{
	border:solid 1px #888;
	outline:none;
}
ul{
	list-style-type:none;
}
.grey{
    color:gray;
}
li a{
    padding-left:1em; /* for v1, v2 osv */
}
li a:first-child{
    padding-left:0;  /* for alle andre (normale) links */
}
span{
    font-weight:bold;
}
footer{
    padding:1em;
    margin:2em 0;
    border-top:solid 1px #AAA;
    border-bottom:solid 1px #AAA;
    text-align:center
}

@media screen and (max-width:768px){
    main{
        grid-template:repeat(2, auto)/repeat(2, 1fr);
    }
}
@media screen and (max-width:580px){
	main{
        grid-template:repeat(4, auto)/1fr;
    }
	h1{
		font-size:1.5em;
	}
}