/*!
 * Start Bootstrap - Stylish Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html, body { width: 100%; height: 100%; background-color: #F99192; }

/* tbv SPAM check */
.e-mail_address { display: none; }

.aanvraag {font-family: brandon, Helvetica, Arial; line-height:48px; font-size: 48px; font-color: #000;}

p, ul { font-family: brandon, Helvetica, Arial; line-height:28px; font-size: 18px; font-color: #fff;}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.img-centered{
	overflow-x:hidden;
	font-family:brandon;
	font-size:18px;
	line-height:1.75;
}

.img-centered{margin:0 auto}

/* Custom Horizontal Rule */

hr.small {
    max-width: 200px;
}

.header-aanvraag {
	font-color: #32529F;
    display: table;
    position: relative;
    width: 100%;
    xheight: 500px;
	background-color: #F99192;
    xbackground: url(../img/aanvraag.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	opacity: 1.0; 
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.footer {
	font-color: #32529F;
    display: table;
    position: relative;
    width: 100%;
    xheight: 110px;
	background-color: #F99192;
    xbackground: url(../img/aanvraag.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	opacity: 1.0; 
	filter: alpha(opacity=100); /* For IE8 and earlier */
}


/* For width smaller than 800px: */
@media only screen and (max-width: 799px) {
	.text-vertical-center h1 { margin: 0; padding: 0; font-size: 3.0em; font-weight: 600; color: #fff; }
	h2 { font-family: brandon, Helvetica, Arial; color: #fff; line-height:40px; font-size: 40px; }
}

/* For width 800px and larger: */
@media only screen and (min-width: 800px) {
	.text-vertical-center h1 { margin: 0; padding: 0; font-size: 3em; font-weight: 600; color: #fff; }
	h2 { font-family: brandon, Helvetica, Arial; color: #fff; line-height:40px; font-size: 40px; }
}

/* Portfolio */

.portfolio { padding: 25px 0; }

.portfolio-item{margin:0 0 15px;right:0}
.portfolio-item .portfolio-link{display:block;position:relative;max-width:500px;margin:0 auto}
.portfolio-item .portfolio-link .portfolio-hover{background:rgba(177,183,219,.5);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
.portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
.xportfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}

.img-logo { margin: 0 auto; }

/* Footer */

footer { padding: 50px 0; }

input[type=submit] {
  background-color: #E62344;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}