/* CSS declarations go here */
*{box-sizing: border-box; }
body{font-family: 'Myriad Pro', Helvetica, Arial, sans;}
p{font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4{font-weight: 200;}
.btn-erik {border:2px solid #fff !important; color:#fff; margin-right: 20px;}
.btn-erik:active {border:2px solid #fff; color:#fff; margin-right: 20px;}
.btn-erik:focus {border:2px solid #fff; color:#fff; margin-right: 20px;}
.btn-erik:hover {border:2px solid #fff; background-color: #ccc; color:#fff !important; text-decoration: none;}

.site-block{
	width: 100%;
	height: 95vh;
	min-height: 900px;
	overflow: hidden;
}
.half-site-block{
	width: 50%;
	height: 95vh;
	min-height: 900px;
	float: left;
}

#start{
	background: url(omerik.jpg) no-repeat right center;
	background-size: cover;
	padding-top: 4%;
}

.nav {
	margin-bottom: 15px;
}

.fblink {
	padding-left: 20%;
}

.fblink a { color: #fff; }
#stipendiater a { color: #d0d0d0; }

#start header h1{font-size: 4em; color: #2d2d2d;}
#start header h2{font-size: 2em; color:#fff;}
#start article p {font-size: 1.2em; color: #fff;}

#about,
#stipendiater {
	color:#fff;
	background: url(goteborg.png) no-repeat center center;
	background-size: cover;
	padding-top: 10%;
}

#about header h1,
#stipendiater h1 {font-size: 4em; text-align: left;}
#about header h2{font-size: 2em; text-align: left;}
#about article p{font-size: 1.2em; text-align: left;}
#about article h3{text-align: left;}
#about article ul{}
#about article ul li{font-size: 1.2em; text-align: left;}

#about a {
	color: #d0d0d0;
}

#erik{
	background: url(erik.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 5%;
	color:#f2f2f2;
}

#erik h1 {font-size: 4em;}
#erik p {font-size: 1.2em;}

#contact{
	background-color: #E91E63;
}

#msg-form-block {padding-top: 7%;}
#msg-form-block label {font-size: 1.2em; font-weight: 200; color: #FFF;}
#msg-form-block textarea{height: 100px;}

#contact-block {background-color: #FFF; text-align: center; padding-top: 20%;}
#contact-block p {font-size: 1.3em; line-height: 2em;}

footer{
	height: 20vh;
    width: 100%;
    background-color: #2d2d2d;
    color: #FFF;
    line-height: 12vh;
    padding: 5vh 0;
}

@media (max-width: 600px) {
  .half-site-block { width: 100%;}
  footer{height: 20vh;}
  #start{background-position: right center;}
}