/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.toptext h1 {text-align: center; font-weight: 700; color: #ec6608; font-size:3rem; padding-top:2rem;}

/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/
@media (min-width: 992px){
.full-header #logo {
    padding-right: 10rem;
    border-right: none!important;
}
}


#logo {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	align-items: left;
	-ms-flex-align: left;
	margin-right: 10rem;
	max-height: 100%;
}

#logo a {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
}

#logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	height: 100px;
}

/* tussen kopjes */

.fbox-content h3, h3 {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #ec6608;
}

/* promo box */
.promo-block {margin-top:2rem;}
.promo-dark {
    padding: 1rem !important;
	border: 0 !important;
	background-color: #ec6608;
	text-shadow: none!important;
	border-radius: 0px!important;
}

.promo-dark h2  { color: #FFF; font-size: 2.6rem; }
.promo-dark h3 { color: #FFF; font-size: 2rem; }

.bg-black {background:#000;}
.bg-black h4 {font-size: 1.6rem; color:#fff; text-align: left;padding-top:1.5rem;}