html {
	/* Set html to 100% to make background image stretching properly */
	height: 100%; } 

body {
	/* Stretch background image over whole site */
	background: url(../img/bass.jpg) no-repeat center center fixed;
	background-size: cover; }


.big {
	font-size: 20vw;
	font-weight: bold;
	color: rgba(78,78,78,0.78);


}


.container {
	height: 100vh;		/* 100% height of viewport */
	padding: 0;			/* remove borders on small screens */
/*	background: #333; */
}


.column,
.columns {}

.header,
.menu,
.image,
.content {
/*	background: #fff; */
}

.content .columns {
	padding: 20px;
}


/* Pseudo div to create shadow */
.footer:before {
	box-shadow: 0 15px 15px -15px #282828 inset;
	content: " ";
	height: 15px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
}


.footer {
	position: relative;
	background: #555;
}








.footer .columns {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}




p {
	margin: 0;
}

h6 {
	color: #ccc;
	font-weight: bold;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	margin-bottom: 5px;
}



/* ########### */
/* Toggle-Menü */

	a {
		text-decoration: none; }
		a:hover {
			text-decoration: underline; }

.responsive-nav {
	position: relative;
	z-index: 1;
	width: 44px;
	height: 44px;
	color: #fff;
	background-color: #f43059;
	overflow: hidden;
	border-radius: 3px;
	cursor: pointer; }
	@media screen and (min-width: 720px) {
		.responsive-nav {
			position: static;
			width: auto;
			height: auto;
			background: none;
			color: #f43059;   }
}
		.responsive-nav:after {
			content: "☰";
			font-size: 16px;
			width: 1em;
			line-height: 1;
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -8px;
			margin-left: -8px; }
			@media screen and (min-width: 720px) {
				.responsive-nav:after {
					content: normal;
					content: none;   }
}
	.responsive-nav.is-open {
		overflow: visible; }
		.responsive-nav.is-open:after {
			content: "✕"; }
			@media screen and (min-width: 720px) {
				.responsive-nav.is-open:after {
					content: normal;
					content: none;   }
}

.responsive-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 44px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f43059;
	width: 250px;
	border-radius: 3px;
	z-index: -1; }
	@media screen and (min-width: 720px) {
		.responsive-nav__list {
			padding-top: 0;
			position: static;
			width: auto;
			display: block;
			background: none;
			text-align: left;   }
}

.responsive-nav__item {
	border-top: 1px solid #f76080; }
	@media screen and (min-width: 720px) {
		.responsive-nav__item {
			display: inline-block;
			border-top: none;   }
}

.responsive-nav__link {
	color: #fff;
	display: block;
	white-space: nowrap;
	padding-right: 14px;
	padding-left: 14px;
	line-height: 44px; }
	@media screen and (min-width: 720px) {
		.responsive-nav__link {
			color: #f43059;   }
}

/* Ende Toggle-Menü */
/* ################ */