body {
	background: url(../images/bg.png) repeat;
	font-family: 'Montserrat', sans-serif;
}
.header {
	text-align: center;
	padding: 70px 0;
	margin: 0 auto;
}
a.logo {
	background: url(../images/logo.png) repeat;
	width: 126px;
	height: 90px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
.container {
	width: 1140px !important;
	padding: 0;
}
.row {
	margin: 0 0 20px 0;
}
.row.websites,
.row.grafisch,
.row.video {
	padding: 40px 0;
	margin: 0;
	border-bottom: 1px #000 solid;
}
.row.websites {
	padding: 0 0 40px 0;
}
.row.video {
	border-bottom: none;
	padding: 40px 0 0 0;
}
/* Bij drie portfolio-items, de linkse */
.row div.col-md-8 {
	width: 65.497%;
	margin-left: 0;
}
/* Bij drie portfolio-items, de twee rechts */
.row div.col-md-4 {
	width: 32.749%;
	margin: 0 0 0 20px;
}
/* Twee portfolio-items naast elkaar */
.row div.col-xs-6 {
	width: 49.122%;
	margin: 0 10px 0 0;
}
/* Bij twee portfolio-items, de rechtse - laatste - geen margin-right */
.row div.col-xs-6:last-child {
	margin: 0 0 0 10px;
}
/* Bij een portfolio-item, geen margin */
.row div.col-md-12 {
	margin: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0;
}
p.uiting {
	display: block;
	font-size: 2em;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	text-align: center;
	width: 1140px;
	padding: 10px;
	margin: 0;
}
.portfolio-image {
	position: relative;
	overflow: hidden;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
/* Zwarte gradient over de afbeelding */
.portfolio-image:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.9)));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background-image: -moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background-image: -o-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background-image: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
/* Zwarte gradient hover */
.portfolio-image:hover:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
img {
	width: 100%;
}
figcaption {
	position: absolute;
	left: 0;
	bottom: 0em;
	width: 100%;
	padding: 2em;
	line-height: 1.2;
	color: #fff;
}
figcaption h2 {
	font-size: 2em;
	font-weight: 500;
	margin: 0 0 5px 0;
}
figcaption .date {
	font-size: 1em;
}
figcaption .date .glyphicon {
	margin-right: 5px;
}
/* Bij drie portfolio-items, de twee rechts, titel kleiner */
.col-md-4 figcaption h2 {
	font-size: 1.4em;
}
.bezoek a {
	display: inline-block;
	width: auto;
	padding: 10px;
	background: #696969;
	border-radius: 5px;
	color: #fff;
	font-size: 0.5em;
}
.bezoek a:hover {
	text-decoration: none;
	background: #1c1c1c;
}
.meta {
	margin: 0 0 20px 0;
	float: left;
	width: 100%;
}
.meta .glyphicon,
.bezoek .glyphicon {
	margin-right: 5px;
}
.meta li {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.hidden {
	display: none;
}
.footer {
	margin: 50px 0 50px 0;
	text-align: center;
	float: left;
	width: 100%;
}
.footer a {
	font-size: 1em;
	font-style: italic;
	color: #000;
	text-decoration: underline;
}
.footer a:hover {
	color: #757575;
}