/*
	Basic page style sheet
	© Thomas Osthege 12.3.2017
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video {
}
* {
	margin: 0;
//	padding: 0;
//	border: 0;
//	font-size: 100%;
//	vertical-align: baseline;
	box-sizing: border-box;
}

.inner-container {
	width: 1170px;
	margin: 0 auto;
}

.page-header {
    clear: left;
	margin: 0 15px 0 15px;
}
.page-header h2 {
	font-size: 18pt;
	display: inline;
	text-transform: uppercase;
	font-weight: normal;
}
.page-header p {
}
.page-header span {
	margin-left: 10px;
}

.page-content h1 {
	margin-top: -30px;
}
.page-content h1, 
.page-content p {
	margin-left: 15px;
	margin-right: 15px;
}

.page-footer {
    clear: left;
	margin: 60px 15px 60px 15px;
}

div.img {
	background: White;
	border: 1px solid White;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

div.img:hover {
	border: 1px solid Silver;
	border: 1px solid CornflowerBlue;
}

div.img img {
	width: 100%;
	height: auto;
}
div.img img:hover {
	cursor: pointer;
	opacity: 0.5;
}

div.title {
	padding: 20px 20px 15px 20px;
	font-size: 16pt;
}
div.desc {
	padding: 0 20px 20px 20px;
	height: 8em;
}

.responsive {
	padding: 0 15px 40px 15px;
	float: left;
	width: 33.33333%;
	font-size: 11pt;
}