/* @GROUP RESET ______________________________________________________________________________________________________________________*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td , button{
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	text-decoration: none;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	hyphens:auto;
}

ul {
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
}

/* @END RESET ________________________________________________________________________________________________________________________*/



/*
_____CLEMMINCK.COM BUNKER__________________________Font-family's Fatfrank, Myriad Pro_______________________________________________*/

.balkbovenbunker{
	background:rgba(0,0,0,0.9);
	width:100%;
	height:64px;
	position:fixed;
	z-index:100000;
	border-bottom:1px solid rgba(248,242,230,0.3);
	border-top:10px solid pink;
}

.bunkerruler{
	width:20%;
	height:0px;
	border-bottom:1px solid rgba(83,71,65,0.8);
	margin-left:20%;
	margin-bottom:0.25em;
}
@media screen and (max-width:1366px) {
	.bunkerruler {
	width:25%;
	margin-left:15%;
}
}
@media screen and (max-width: 600px) {
	.bunkerruler {
	width:50%;
	margin-left:10%;
}
}

.wrapperbunker{
	background:transparent;
	margin:0 auto;
	width:100%;
	position:relative;
}

.titel{
	font-size:25em;
	font-family:fatfrank, 'arial black', sans-serif;
	letter-spacing:-0.1em;
	margin-top:-25px;
	margin-left:-20px;
	/*background:url(afbeeldingen/CCCBUNKER/bunkershuttertextfill.png) repeat 0% 0%;
	background-size:3%;
	-webkit-background-clip:text;*/
	color:rgba(241,249,21,0.9);
	/*-webkit-text-fill-color:transparent;*/
}
@media screen and (max-width:1366px) {
.titel{
	font-size:12em;
	margin-left:-20px;
	margin-top:25px;
}
}
@media screen and (max-width: 600px) {
.titel{
	font-size:5em;
	margin-left:-5px;
	margin-top:52px;
	margin-bottom:40px;
}
}

.opus{
	color:rgba(235,195,191,1);/*roze*/
	font-family:'penna-connected-swashes', 'Perpetua Titling MT';
	letter-spacing:0;
	font-style:italic;
	font-size:7em;
	margin-top:-100px;
	margin-left:16.5%;
	margin-bottom:-60px;
}
@media screen and (max-width:1366px) {
.opus{
	margin-left:12%;
	font-size:3.6em;
	margin-top:-50px;
	margin-bottom:-40px;
}
}
@media screen and (max-width:600px) {
.opus{
	margin-left:6%;
	font-size:2em;
	margin-top:-60px;
	margin-bottom:-20px;
}
}
/*
ul.bunker{
	width:100%;
	overflow:hidden;
	/*background:rgba(0,0,0,1) url(afbeeldingen/cccbunker/bunker2016.png) repeat-y 100% 129%;*/
	/*background-color:rgba(0,0,0,1);
	background-image:url(afbeeldingen/cccbunker/bunkershutte.png), url(afbeeldingen/CCCBUNKER/bunker2016.png);
	background-repeat:no-repeat, repeat-y;
	background-size:15%, 34%;
	background-position:0% 0%, 100% 24%;
	position:absolute;
}
*/
ul.bunker{
	width:100%;
	background:url(afbeeldingen/cccbunker/Bunker201612.png) repeat-y 100% 24%;
	background-color:rgba(0,0,0,1);
	-webkit-background-size:34%;
    -moz-background-size:34%;
    -o-background-size:34%;
    background-size:34%;
	overflow:hidden;
	position:absolute;
}

ul.bunker li{
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

ul.bunker li:nth-child(7) p, ul.bunker li:nth-child(9) p, ul.bunker li:nth-child(11) p, ul.bunker li:nth-child(13) p{
	background:rgba(59,54,51,1) url(afbeeldingen/cccbunker/indexbunkerspybla.png) no-repeat 100% 0%;
	background-size:contain;
	font-family:fatfrank, sans-serif;
	letter-spacing:-0.05em;
	font-size:5em;
	margin-left:-3px;
	height:1em;
	line-height:1em;
	color:black;
	padding-top:2px;
	padding-bottom:2px;
}
@media screen and (max-width:1366px) {
ul.bunker li:nth-child(7) p, ul.bunker li:nth-child(9) p, ul.bunker li:nth-child(11) p, ul.bunker li:nth-child(13) p{
	font-size:3.2em;
	width:65%;
}
}
@media screen and (max-width:600px) {
ul.bunker li:nth-child(7) p, ul.bunker li:nth-child(9) p, ul.bunker li:nth-child(11) p, ul.bunker li:nth-child(13) p{
	font-size:1.8em;
	width:70%;
}
}

.bunker p{
	font-size:1.8em;
	line-height:1.6em;
	color:rgba(255,255,255,0.5);
	font-family:myriad-pro, 'Century Gothic', Helvetica, Arial, Sans-Serif; 
	font-weight:100;
	width:45%;
	margin-left:20%;
	/*padding:0 10 0 10;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
@media screen and (max-width: 1366px) {
	.bunker p {
	font-size:1.5em;
	width:50%;
	margin-left:15%;
}
}
@media screen and (max-width: 600px) {
	.bunker p {
	font-size:0.9em;
	width:65%;
	margin-left:6%;
}
}

ul.bunker li:nth-child(6) p{
	color:rgba(235,195,191,0.9);/*roze*/
}
ul.bunker li:nth-child(5) p{
	color:rgba(147,202,138,0.8);/*groen*/
}

ul.bunker li:nth-child(8) .quote{
	color:rgba(241,249,21,0.7);/*geel*/
}

ul.bunker li:nth-child(10) .quote{
	color:rgba(235,195,191,0.9);/*roze*/
}

ul.bunker li:nth-child(12) .quote{
	color:rgba(187,203,243,0.8);/*blauw*/
}

ul.bunker li:nth-child(14) .quote{
	color:rgba(147,202,138,0.8);/*groen*/
}

ul.bunker li:last-child{
	background:rgba(0,0,0,0.9);
	height:500px;
	border-top:1px solid rgba(248,242,230,0.3);
}
@media screen and (max-width:1366px) {
ul.bunker li:last-child{
	height:300px;
}
}
@media screen and (max-width: 600px) {
ul.bunker li:last-child{
	height:200px;
}
}

ul.bunker li:last-child p{
	font-family:'penna-connected-swashes', 'Perpetua Titling MT';
	font-size:4.5em;
	margin-left:19%;
}
@media screen and (max-width:1366px) {
ul.bunker li:last-child p{
	font-size:3em;
	margin-left:13.5%;
}
}
@media screen and (max-width:600px) {
ul.bunker li:last-child p{
	font-size:2em;
	margin-left:4%;
}
}

.uitgelegd{
	font-size:0.7em;
	margin-left:2%;
	margin-top:-25px;
	display:block;
}
@media screen and (max-width: 600px) {
.uitgelegd{
	font-size:0.6em;
	margin-top:-10px;
}
}

.clemminckhomebunker{
	line-height:64px;display:block;font-family:"museo-sans-rounded", 'Century Gothic', 'Helvetica', 'Arial', 'Sans-Serif'; 
	font-size:175%;letter-spacing:1px;color:rgba(255,255,255,0.6);text-indent:0.5em;
}
@media screen and (max-width: 600px) {
	.clemminckhomebunker{ 
	font-size:135%;
}
}

.clemminckhomebunker:hover{
	color:rgba(255,255,255,0.8);
}

strong{
	font-weight:800;
}

.quote{
	font-size:1200%;
	margin-bottom:-70px;
	margin-top:60px;
	margin-left:-120px;
	padding-top:100px;
	display:block;
	font-family:'penna-connected-swashes', 'Perpetua Titling MT';
}
@media screen and (max-width:1366px) {
	.quote{
	padding-top:60px;
	margin-left:-95px;
	margin-bottom:-60px;
}
}
@media screen and (max-width:600px) {
	.quote{
	font-size:1000%;
	padding-top:0px;
	margin-left:-45px;
	margin-bottom:-35px;
}
}

.clemmincknaam{font-family:'museo-sans-rounded', 'century gothic', sans-serif;font-size:25%;color:rgba(255,255,255,0.5);margin-left:1.5em;}