@font-face {
    font-family: 'appareoblack';
    src: url(/fonts/kimmy-design-appareo-black.eot?) format("eot"), url(/fonts/kimmy-design-appareo-black.woff) format("woff"), url(/fonts/kimmy-design-appareo-black.ttf) format("truetype");
    font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

body {
	background-image: url('../images/back.png');
	background-attachment: fixed;
	background-size: cover;
	background-position: center bottom;
	color: black;
	font-family: 'appareoblack';
}

.row {max-width: 65rem;}

.hero {
	background-image: url(../images/VUUR.jpg);
	background-size: cover;
	height: 40vh;
	background-position: top center;
}

tbody {border: 0px;}

a, a:hover {
	color: black;
}

.social {
	padding-top: 15px;
}

.social ul li {
	display: inline;
	padding-left: 1rem;
}

.social ul li a , .social i{
	color: white;
	font-size: 1.5rem;
	text-shadow: 0 0 2px rgb(0, 0, 0)
}

.social img {
	margin-bottom: 18px;
}

li.spotify iframe {
	overflow: visible!important;
	width: 8.6rem!important;
	text-align: right!important;
}

.widget.count-num {
	display: none!important;
}

h1, h2, h3, h4, h5, h6, p, a {
	font-family: 'appareoblack';
}

.copyright a, .copyright p {
	font-size: .8rem;
}

.name h1 {
	text-transform: uppercase;
	font-size: 2rem;
	letter-spacing: .05rem;
}

tr.bit-header, tbody, tbody tr:nth-child(even) {
	background-color: transparent;
}

#bit-events td .bit-uiButton {
    background: transparent!important;
    border: 0px!important; 
    box-shadow: none!important;
    -moz-box-shadow: none!important;
}

th.bit-description-links, td.bit-description-links {
	display: none;
}

#bit-events {
	font-family: 'appareoblack'!important
}

#bit-events .bit-twitter-share, #bit-events .bit-fb-share {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#bit-events .bit-fb-share {
    background-image: url(/images/facebook.png)!important;
    background-size: 1.2rem!important;
}

#bit-events .bit-twitter-share {
	background-image: url(/images/twitter.png)!important;
    background-size: 1.2rem!important;
}

#bit-events a {
    color: black!important;
}


.foto1 {
	background-image: url(/images/1.jpg);
}

.foto2 {
	background-image: url(/images/2.jpg);
}

.foto3 {
	background-image: url(/images/3.jpg);
}

.foto4 {
	background-image: url(/images/4.jpg);
}

.foto1, .foto2, .foto3, .foto4 {
	background-size: cover;
	height: 100%;
}

ul {
	margin-left: 0;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

ul {margin-left: -1rem}

h1 {text-align: center}

.social i {
	color: white;

}

@media screen and (min-width: 40em) {

.foto1, .foto2, .foto3, .foto4 {
	height: 100%;
}

.f1 {
	padding-left: 0;
}

.f4 {
	padding-right: 0;
}
ul {margin-left: 0}

h1 {text-align: inherit;}

.hero {height:100vh}

}