*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0);}

body {
	margin: 0; 
	height:100%; 
	font-family: 'Montserrat', sans-serif;
	font-size: 15px; 
	line-height: 1.33333333333333; 
	font-weight: 400;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e3e3e3+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 1%, #e3e3e3 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 1%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 1%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

* {-webkit-font-smoothing: antialiased;} 

.screen-reader {
    font: ~"0/0" a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    position:absolute; 
    left:100%; 
    overflow:hidden;
}

section, article, nav {
	display: block;
}

#content {
	color: #4c4c4c; 
	text-align: center; 
	position: relative; 
	top: 30px; 
	left: 30px; 
	width: calc(100% - 60px); 
	min-height: calc(100% - 60px); 
	background: transparent url(commercial_service_request.jpg) no-repeat center/cover; 
	overflow: hidden;
	display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex;
	-webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap;
	-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;
}
@media (min-width: 768px) {
	#content {
		top: 3%; 
		left: 3%; 
		width: 94%; 
		min-height: 94%; 
	}
}

h1 {
	height: 400px; 
	width: 800px; 
	max-width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	background: transparent url(img/daniel-pruger-post-production.svg) no-repeat center/contain;
	-webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1;
}

nav {-webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0;}
@media (min-width: 768px) {
	nav {
		display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex;
	-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;
	-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;
	}
	nav p {width: 33%;}
	nav p:first-child {text-align: left;}
	nav p:last-child {text-align: right;}
	nav p a {display: block;}
}


a {
	color: inherit; 
	text-decoration: none;
}
a:hover {color: #1e60a4;}