/* ------------------------------------------------ // Imports */
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Expanded:700|Open+Sans');
@import url('https://s3.amazonaws.com/icomoon.io/45713/RapenburgVastgoedBV/style.css?apinhr');
/* ------------------------------------------------ // General */
html{
	min-height: 100%;
}
body {
	background-image      : url("../images/images-bg-photo-rapenburg.jpg");
	background-repeat     : no-repeat;
	background-attachment : fixed;
	background-position   : top;
	background-size       : cover;
}
body h1 {
	font-family : 'Encode Sans Semi Expanded', sans-serif;
	font-size   : 25px;
	color       : #514E4D;
}
table {
	margin : 0 auto;
}
td {
	padding : 0 10px;
}
td, td p, td a {
	font-family : 'Open Sans', sans-serif;
	font-size   : 18px;
	color       : #514E4D;
	line-height : 30px;
}
td a:hover,
td a:focus {
	color : #343130;
}
/* ------------------------------------------------ // fonts - buro26-icons */
@font-face {
	font-family : 'buro26-icons';
	font-weight : normal;
	font-style  : normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family             : 'buro26-icons';
	speak                   : none;
	font-style              : normal;
	font-weight             : normal;
	font-variant            : normal;
	text-transform          : none;
	line-height             : 1;
	color                   : #514E4D;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
}
.icon-mail:before {
	content   : "\e900";
	font-size : 14px;
}
.icon-marker:before {
	content      : "\e901";
	padding-left : 5px;
}
.icon-phone:before {
	content      : "\e902";
	padding-left : 5px;
}
.header {
	background-image           : url("../images/images-concreteblock.png");
	text-align                 : center;
	height                     : 121px;
	width                      : 460px;
	border-bottom-left-radius  : 5px;
	border-bottom-right-radius : 5px;
	margin-bottom              : 65px;
	-webkit-box-shadow         : 2px 2px 5px 0 rgba(81, 78, 77, 1);
	-moz-box-shadow            : 2px 2px 5px 0 rgba(81, 78, 77, 1);
	box-shadow                 : 2px 2px 5px 0 rgba(81, 78, 77, 1);
}
.header h1 {
	text-transform : uppercase;
	margin-top     : 40px;
}
.contact {
	background-color   : #FFFFFF;
	padding            : 70px 0;
	width              : 460px;
	border-radius      : 5px;
	-webkit-box-shadow : 2px 2px 5px 0 rgba(81, 78, 77, 1);
	-moz-box-shadow    : 2px 2px 5px 0 rgba(81, 78, 77, 1);
	box-shadow         : 2px 2px 5px 0 rgba(81, 78, 77, 1);
	margin-bottom      : 30px;
}
@media (max-width : 768px) {
	.header {
		padding       : 0 20px;
		margin-bottom : 30px;
	}
	.header h1 {
		font-size : 22px;
	}
}