@media only screen and (max-width: 1280px) {
	
	#container {font-size:14px;}
	#content {margin-left: 370px}
	
	h4 {
		font-size:22px;
		line-height:25px;
	}
	h3,
	.date {
		font-size:22px;
	}
	h3.date {
		height:47px;
	}
	h3.date span {
		margin:10px 15px;
	}
	
	/*events*/
	article.event .details .name,
	article.event.single .details .name {
	    margin-bottom: 10px;
	}
	article.event .details .wrapper {
		padding:17px;
	}
	article.event .date {
		padding-bottom:10px;
	}
	article.event .partners img {
		width:80px;
	}
    article.event .thumbnail .guest{
        height: 25px;
        width: 60px;
    }
    article.event .thumbnail .guest p{
        line-height: 25px;
        font-size: 14px;
    }
	
	/*artists*/
	#artists {
		width: 170px;
	}	
	/*calendar*/
	#calendar {
		left: 360px;
		font-size:15px;
	}
	/*partners*/
	#partners li {
		width: 49.99%;
	}
}


@media only screen and (max-width: 1024px) {
	
	#container {overflow:hidden;}
	#content {margin-left: 365px}

	/*artists*/
	#artists {
		width: 165px;
	}
	/*calendar*/
	#calendar {
		left: 355px;
	}
	#calendar span,
	#calendar strong {
		padding:10px 5px;
	}
	/*partners*/
	#partners li {
		width: 49.99%;
	}
	
}

@media only screen and (max-width: 767px) {
	#artists {
		display: none;
	}
	#header {
		position: absolute;
		padding: 0;
		margin: 0;
		bottom: unset;
		height: 166px;
		top: 0;
		left: 0;
		width: 100%;
		z-index:300;
	}
	#header.condensed {
		position: fixed;
		height: 65px;
	}
	#header.condensed h1 {
		background: url('../img/logo-condensed.png') no-repeat 0 10px;
		height: 60px;
	}
	#header #menu {
		display: none;
	}
	#menu_button {
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	#menu {
		padding-bottom: 20px;
		background: #b7191c;
	}
	#menu li {
		box-sizing: border-box;
	}
	#menu select {
		width: 100%;
		margin-top: 10px;
	}
	#content {
		margin: 0;
		padding-top: 166px;
	}
	#calendar {
		display: none;
	}
	#events {
		padding-top: 0px;
	}
	article.event {
		width: 100%;
	}
	article.event.single .thumbnail,
	article.event.single .details {
		width: 100%;
	}
	.vgrid article.event:nth-child(even) h3.date span{
		visibility: visible;
	}
	article.event.single .details .wrapper {
		padding: 20px 20px 30px 20px;
	}
	#partners li {
		float: unset;
		width: 100%;
	}
	#infos .text {
		width:100%;
		box-sizing: border-box;
	}
}