@media only screen and (max-width: 1280px) {
	#wrapper {
		width: 100%;
    }
	
	#footerContent {
		width: calc(100% - 2 * 30px);
    }	
	#footerContentBox > div {
		padding: 0 30px 0 0;
	}

	#eventsContent {
		width: calc(100% - 2 * 30px);
    }	
}

@media only screen and (max-width: 1100px) {
	.logo {
		float: none;
	}
	.logo:nth-child(1) {
		margin: 0 30px 0 30px;
		width: calc(100% - 2*30px);
	}
	.logo:nth-child(2) {
		margin: 0 0 0 25px;
		float: left;
	}	
	.logo:nth-child(3) {
		float: left;
	}
	.logo:nth-child(4) {
		float: left;
	}
	.logo:nth-child(5) {
		float: left;
	}	
	.logo:nth-child(6) {
		float: left;
	}
}

@media screen and (max-width: 1085px) {
	.topnav a:not(:first-child) {
	  display: none;
	}
	.topnav a.icon {
		float: right;
		display: block;
	}
	.topnav.responsive {
		position: relative;
	}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
}

@media only screen and (max-width: 980px) {
	.two_columns:nth-child(1) {
		width: calc(100% - 30px - 250px);
	}
	.two_columns:nth-child(2) {
		width: 250px;
	}
	
	#gallery {
        -webkit-column-count: 3;
        -moz-column-count:    3;
        column-count:         3;
    }
}

@media only screen and (max-width: 800px) {
	body {
		font-size: 1.2em;
	}
	.two_columns {
		float: none;
	}
	.two_columns:nth-child(1) {
		width: calc(100% - 30px);
	}
	.two_columns:nth-child(2) {
		margin: 30px 30px 0 0;
		width: calc(450px - 3*30px);
	}
	
	#eventsContent {
		padding: 10px 30px 25px 30px;
	}
	#eventsContentBox {
		flex-direction: column;
	}
	#eventsContentBox > div {
    	width: 100%;
		#padding-top: 15px;
		margin-bottom: 20px;
	}
	#eventsContent > div:first-child {
		padding-top: 0;
	}
	#eventsContent > div:last-child {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 775px) {
	#footerContent {
		padding: 10px 30px 25px 30px;
	}
	#footerContentBox {
		flex-direction: column;
	}
	#footerContentBox > div {
    	width: 100%;
		padding-top: 15px;
	}
	#footerContentBox > div:first-child {
		padding-top: 0;
	}
}

@media only screen and (max-width: 750px) {
	.logo:nth-child(2) {
		width: 100px;
	}	
	.logo:nth-child(3) {
		width: 125px;
	}
	.logo:nth-child(4) {
		width: 80px;
	}
	.logo:nth-child(5) {
		width: 165px;
	}
	.logo:nth-child(6) {
		width: 125px;
	}
}

@media only screen and (max-width: 680px) {
	.two_columns_startseite {
		float: none;
	}
	.two_columns_startseite:nth-child(1) {
		width: 100%;
	}
	.two_columns_startseite:nth-child(2) {
		margin: 0 0 0 0;
		width: 100%;
	}
}

@media only screen and (max-width: 625px) {
	.logo:nth-child(2) {
		width: 75px;
	}	
	.logo:nth-child(3) {
		width: 100px;
	}
	.logo:nth-child(4) {
		width: 55px;
	}
	.logo:nth-child(5) {
		width: 140px;
	}
	.logo:nth-child(6) {
		width: 100px;
	}
}

@media only screen and (max-width: 575px) {
	#gallery {
        -webkit-column-count: 2;
        -moz-column-count:    2;
        column-count:         2;
    }
}

@media only screen and (max-width: 500px) {
	.logo:nth-child(2) {
		width: 55px;
	}	
	.logo:nth-child(3) {
		width: 80px;
	}
	.logo:nth-child(4) {
		width: 35px;
	}
	.logo:nth-child(5) {
		width: 120px;
	}
	.logo:nth-child(6) {
		width: 80px;
	}
}

@media only screen and (max-width: 450px) {
	.two_columns:nth-child(2) {
		margin: 30px 30px 0 0;
		width: calc(100% - 1*30px);
	}
}

@media only screen and (max-width: 400px) {
	.logo:nth-child(2) {
		width: 45px;
	}	
	.logo:nth-child(3) {
		width: 70px;
	}
	.logo:nth-child(4) {
		width: 25px;
	}
	.logo:nth-child(5) {
		width: 110px;
	}
	.logo:nth-child(6) {
		width: 70px;
	}
}