body {
	background-image: url("../media/nacka.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    /* background-position: 0 -200px; */
	height: 100vh;
	overflow-y: clip;
}

header {
	grid-area: h1;
    margin-bottom: 40px;;
}

header h1 {
    color: white;
    text-shadow: 1px 3px 10px rgb(0 0 0 / 0.65);
}

#main {
	grid-area: content;
	display: grid;
	grid-template-rows: auto 1fr auto 3fr;
	grid-template-columns: 1fr auto 1fr;
	grid-template-areas: ". h1 ." ". . ." ". box ." ". . .";
}

#box {
	grid-area: box;
	
	max-width: 600px;
	padding: 12px;
    margin: 0 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
	background-color: #FFFD;
    text-align: center;
}

#box #read_more {
	padding: 8px 16px;
	margin-top: 11px; /* dåligt, fixa med flex ovan */
    margin-bottom: 3px;
	
	background-color: #44CA;
}

#box #read_more a {
	text-decoration: none;
	color: white;
}