body{
	margin:0;
	background-color:white;
	color:#333;
	height:100%;
}
html {
  scroll-behavior: smooth;
  font-family: 'Maven Pro', sans-serif;
  height:100%;
}

.container{
	width:100%;
	height:100%;
}

.nav{
	position:fixed;
	top:0;
	width:100%;
	text-align:center;
	background-color:white;
	padding:10px 0 10px 0;
	z-index:9999;
}
.logo{
	font-family: 'Righteous', cursive;
	text-align:center;
	font-size:50px;
}
.logoLink{
	text-decoration: none;
	color:#d1d1d1;
}
.logoLink:hover{
	color:#999;
}
.nav .navLink{
	text-decoration: none;
	color:#FFF;
	margin-right:20px;
	font-size: 20px;
}
.nav .navLink:hover{
	color:#999;
}

.myndContainer{
	width:40%;
	max-width:400px;
	margin:auto;
	margin-top:130px;
}
.mynd{
	width:100%;
}
.myndLinkur:hover{
	opacity:0.7;
}

.eventsWrapper{
	width: 60%;
	max-width: 800px;
	margin: auto;
	margin-top: 50px;
}
.eventsWrapper a{
	text-decoration: none;
	color: inherit;
}
.eventCard{
	position: relative;
	padding: 10px;
	border: 5px solid rgba(242, 179, 237, 0.3);
	border-radius: 4px;
}
.eventCard:hover{
	cursor: pointer;
	color: black;
	border: 5px solid rgba(242, 179, 237, 0.5);
}
.eventCardInfo{
	text-align: center;
}
.eventCard .cornerDate{
	position: absolute;
	left: 6px;
	top: 6px;
	font-size: 18px;
}


/* BJARNI */
.section{
	height:100%;
	padding-top:150px;
	text-align: center;
}
.section a{
	color:#333;
	text-decoration: none;
}
.section a:hover{
	color:#999;
}
.section li{
	list-style: none;
	margin-bottom:5px;
}

.ljodNavVinstri{
	width:300px;
	height:auto;
	position: absolute;
	left:0;
	text-align:left;
	padding-left:20px;
	font-size: 20px;
}
.ljodKassi{
	font-size: 1em;
	display: none;
}
.ljodKassi i {
	font-size:30px;
}
.ljodActive{
	display:block;
}
.ljodVinstri{
	font-size: 30px;
	margin-right: 50px;
}
.ljodHaegri{
	font-size: 30px;
	margin-left: 50px;
}
/* /BJARNI */


.footer{
	background-color:white;
	width:100%;
	padding:10px 0 20px 0;
	z-index:9998;
	position: fixed;
	bottom:0;
	text-align: center;
}
.footer a{
	color:#333;
	text-decoration: none;
	font-size:30px;
}
.footer a:hover{
	color:#999;
}

@media only screen and (max-width: 800px) {
	.eventCard .cornerDate{
		font-size: 14px;
	}
	.eventCard{
		padding-top: 15px;
	}

	.ljodKassi{
		font-size: 2.5vw;
	}
	.ljodNavVinstri{
		font-size: 1em;
	}
}