/* ----------------------------------------------------------------- */
/*                            IN GENERAL                             */
/* ----------------------------------------------------------------- */



body {
	margin: 5em;
	padding: 0;
	background-color: #30373d;
	line-height: 1.9;
	letter-spacing: 0.3px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 125%;
	font-feature-settings: "kern", "liga", "calt", "onum", "pnum";
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif;
}

blockquote {
	font-family: 'Montserrat', sans-serif;
	font-size: 140%;
	font-weight: 300;
}



/* ----------------------------------------------------------------- */
/*                              DESIGN                               */
/* ----------------------------------------------------------------- */



#container {
	margin: 3em auto;
	padding: 0;
	max-width: 50em;
}

div#footer {
	
}


/* ----------------------------------------------------------------- */
/*                              CLASSES                              */
/* ----------------------------------------------------------------- */


div.content-box-border {
	border: 1px solid #dedede;
	background-color: white;
	margin: 0 0 3em 0;
	padding: 1em;
}

	div.content-box-content {
		background-color: #f1f2f2;
		border: 1px solid #efefef;
	}
	
		img#img-martin {
			height: 370px;
			float: right;
		}
	
		h1.content-header {
			line-height: 1.5;
			margin: 0;
			color: #343940;
		}
		
		div.content-box-textbox {
			padding: 3em;
		}
		
div.breaker {
	clear: both;
}

.textcolor-pink {
	color: #ff718f;
}


/* ----------------------------------------------------------------- */
/*                          RESPONSIVE SHIT                          */
/* ----------------------------------------------------------------- */


/* mindre enn 1300px */
@media screen and (max-width: 1300px) {
	
	body {
		margin: 0;
		max-width: 100%;
	}
	
	#container {
		margin: 1em auto;
		padding: 1em;
		max-width: 100%;
	}
	
	div.content-box-textbox {
		padding: 1em;
	}
	
}


/* mindre enn 900px */
@media screen and (max-width: 900px) {
	
	body {
		margin: 0;
		max-width: 100%;
	}
	
	#container {
		margin: 1em auto;
		padding: 1em;
		max-width: 100%;
	}
	
	img#img-martin {
		height: 270px;
		float: none;
	}
	
	div.content-box-textbox {
		padding: 1em;
	}
	
}

/* Mindre enn 730px */
/* Liggende iPhone 5 */

@media screen and (max-width: 730px) and (min-width: 521px) {
	
	

}

/* Mindre enn 520 */
/* Stående iPhone 5 */

@media screen and (max-width: 520px) {
	
	

}