@charset "utf-8";
/* CSS Document */


/* MAX: 1200px / 75em
------------------------------- */
@media all and (max-width: 75em) {



}



/* MAX: 1024px / 64em
------------------------------- */
@media all and (max-width: 64em) {

/* HEADER */


.page-header .table-cell {
	display: block;
	width: auto;
}


	.page-header .nav-header ul {
		float: none;
		text-align: center;
	}

		.page-header .nav-header ul li {
			float: none;
			display: inline-block;
		}


.logo-dequinox {
	text-align: center;
}


/* ARTISTS */

.btn-agenda {
	display: none;
}

.artist-agenda {
	display: none;
}

.btn-booking {
	float: none;
	clear: both;

}
	
	.page-artists {
		padding: 20px;
	}



/* MAX: 768px / 48.1em
------------------------------- */
@media all and (max-width: 48.1em) {

	
/* NAVI MOBILE */

.navbar-background {
	display: block;
}
	
.page-navi-area {
	display: block;
}

.page-header-area {
	display: none;
}
	
	.navi-menu ul li {
		margin: 0 0 0 20px;
	}	

	
	

/* ARTISTS */

.popup-artist {
	margin-top: 100px;
}

	
.popup-artist .close {
	top: 70px;	
}
	
.artist-info .col-30,.col-70 {
	width: auto;
	float: none;
	clear: both;
	text-align: center;
}

	.artist-text {
		margin-top: 20px;
	}

.artist-cta {
	text-align: center;
}
	
	.artist-img {
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
		max-width: none;
	}

	/* FOOTER */
	

.page-footer .table-cell {
	display: block;
	width: auto;
	float: none;
	clear: both;
	text-align: center;
}


	
	.footer-copyright {
		float: none;
		margin: 5px 0 15px 0;
	}

		.page-footer .footer-links a {
			margin: 10px;
		}

}






/* MAX: 600px / 37.5em
------------------------------- */
@media all and (max-width: 37.5em) {

	
	/* NAVI MOBILE */
	
	
	.navi-menu {
		padding: 40px 40px 0 20px;
	}
	
		.navi-menu ul li {
			display: block;
			margin-bottom: 20px;
		}
	
	
	


/* NAVI */

	.page-header .nav-header ul li {
		margin: 0 0 0 5px;
		font-size: 24px;
			}


/* ARTIST */
	
.page-artists {
		padding: 10px;
	}
	
	.intro-box {
		margin-bottom: 10px;
	}

.artist-box {
	margin-bottom: 10px;
}
	
	.col-45:nth-child(odd) {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
	
	.col-45:nth-child(even) {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}


.artist-info {
	padding: 20px;
}

	.artist-info .col-25 {
		text-align: center;
		width: auto;
	}

	.artist-info .col-75 {
		text-align: center;
		width: auto;
	}

	/* -- */



.artist-smo {
	text-align: center;
}

.artist-img {
	margin: 0;
	}

	.artist-text {
		padding-left: 0;
		margin-top: 40px;
	}

	/* -- */


.artist-cta {
	text-align: center;
}

	.btn-booking {
		float: none;
	}

}


/* MAX: 480px / 30em
------------------------------- */
@media all and (max-width: 30em) {


/* NAVI */

	.page-header .nav-header ul li {
		font-size: 20px;
			}


/* ARTIST */
	
	
	.popup-content {
		padding: 30px;
	}
	
	.popup-artist .close {
	top: 73px;
	right: 20px;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none !important;
	color: #151515;
	background: #f7ab2e;
	border-radius: 100%;
	padding: 1px 20px 10px 20px;
	
	}
	
	.logo-bloodfire,
	.logo-brainstorm,
	.logo-dceptor,
	.logo-evolution,
	.logo-hickz,
	.logo-hysta,
	.logo-namara,
	.logo-neverlution,
	.logo-newstyler,
	.logo-nitrile,
	.logo-psykophonic,
	.logo-retribute,
	.logo-theexecutor,
	.logo-tyfon,
	.logo-xtreme {
		width: 80%;
		margin: auto;
	}

	

/* TEASER */

.page-teaser-area {
	height: 220px;
}
	

}

/* MAX: 320px / 20em
------------------------------- */
@media all and (max-width: 20em) {
	


}