

@media screen and (min-width : 0px) and (max-width : 940px) {

	

	
}	

/*************************/


@media screen and (min-width : 0px) and (max-width : 1024px) {

	.section-start {
		position: absolute;
	}

	.section-middle-1 {
		background-attachment: initial;
	}
	
	.section-middle-2 {
		background-attachment: initial;
	}
	
	
	
	.section-middle-3 {
		background-attachment: initial;
	}
	
	.closing-container {
		background-attachment: initial;
	}
	
	.menu-icon-container, .diamonds-menu {
		width: 50px !important;
	}
	
	.big-menu-x {
		width: 80px !important;
	}
	
	.event-container-arrow-left-container {
		width: 80px !important;
		right: auto !important;
	}
	
	.event-container-arrow-right-container, .event-container-infos-container {
		width: 80px !important;
		left: auto !important;
	}

}

/*************************/


@media only screen and (min-width : 0px) and (max-width : 700px) and (orientation : portrait) {

	.event-container-portrait {
		display: block;
	}
	
	#event-left {
		display: none;
	}
	
	#event-right {
		display: none;
	}
	
	#event-container-x {
		display: none;
	}
	
	#event-infos {
		display: none;
	}

}

@media only screen and (min-width : 0px) and (max-width : 700px) and (orientation : landscape) {

	.event-container-portrait {
		display: none;
	}
	
	#event-left {
		display: block;
	}
	
	#event-right {
		display: block;
	}
	
	#event-container-x {
		display: block;
	}
	
	#event-infos {
		display: block;
	}

}





/*************************/


@media screen and (min-width : 0px) and (max-width : 700px) {
	
	.section-start {
		background: url(../images/1-mobile.jpg);
	}

	.section-start-content {
		height: 160px;
		margin-top: -40px;
	}

	.logo-main {
		width: 120px;
		margin-left: -60px;
	}
	
	.middle-line-main {
		height: 50px;
		bottom: 35px;
	}
	
	.diamond-main {
		width: 20px;
		margin-left: -10px;
	}

	.menu-icon-container, .big-menu-x, .diamonds-menu {
		width: 50px;
	}
	
	.about-div {
		padding: 50px 10px;
	}

	.container {
		padding: 0 10px 50px;
	}
	
	.event-headline {
		margin-bottom: 20px;
	}
	
	.main-img-container {
		margin-bottom: 10px;
	}
	
	.single-image-container-half-left {
		padding-right: 5px;
	}
	
	.single-image-container-half-right {
		padding-left: 5px;
	}
	
	.view-more {
		margin-top: 30px;
	}
	
	.diagonal-div:after, .diagonal-div-black:after, .diagonal-div-opposite:before, .diagonal-div-opposite-black:before {
		height: 150px;
	}

}	





