@media (min-width: 1024px) {
	#login-form {
	    width: 32%;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    min-height: 600px;
	}

	#blog-posts {
		background-position: center left;
	    position: absolute;
	    left: 32%;
	    width: 68%;
	    top: 0;
	    bottom: 0;
	    min-height: 600px;
	}

	#login-form-container {
		padding: 0;
	    max-width: 412px;
	    margin-left: auto;
	    padding-bottom: 40px;
	}

	#blog-posts-container {
		padding: 0;
	    max-width: 664px;
	    padding-left: 40px;
	    padding-bottom: 40px;
	}

	#blog-posts-container h2 {
	    font-size: 42px;
	}

	#blog-posts-container ul {
	    margin-top: 35px;
	    margin-bottom: 25px;
	}

	#blog-posts-container ul a {
		font-size: 18px;
	}

	#blog-posts .ghost-button {
		margin-right: 8px;
		margin-bottom: 0;
		display: inline-block;
		text-align: left;
	}

	#login-form-kontornet {
	    display: block;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	}
}

@media (min-width: 1200px) {
	#blog-posts-container {
	    padding-left: 84px;
	}
}