.top-header .logo{
	position: relative;
	display: table;
}

.top-header .logo div{
	color: white;
	font-family:"Century Gothic","Verdana";
	font-weight: bold;
	font-size: 58px;
	text-transform: uppercase;
	display: inline;
	letter-spacing: -2px;
}
.top-header .large{
	font-size: 75px;
}
.top-header .logo .beroep{
	color: #E5C221;
	font-size: 37px;
	position: absolute;
	right: -9px;
	bottom: -16px;
}

.oldie .large-left-text{
	display: none;
} 

body div.large-left-text{
	color: #729D9F;
	font-family:"Century Gothic","Verdana";
	font-weight: bold;
	font-size: 90px;
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	top: 100px;
}

.vertical-text {
	display: inline-block;
	overflow: hidden;
	width: 1em;
}
.vertical-text__inner {
	display: inline-block;
	white-space: nowrap;
	line-height: 1;
	-ms-transform: translate(0,100%) rotate(-90deg);
	-webkit-transform: translate(0,100%) rotate(-90deg);
	transform: translate(0,100%) rotate(-90deg);
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
	content: "";
	display: block;
	margin: -1em 0 100%;
}


/* Large devices (large desktops, 1200px and down) */
@media (max-width: 1199px) {
}
/* Medium devices (desktops, 992px and down) */
@media (max-width: 991px) {
}
/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
}
/* Micro-Small devices (iphones, 480px and down) */
@media (max-width: 480px) {
}