body, html {
    height: 100%;
    margin: 0;
	color: #777;
	/* font-family: 'Open Sans', sans-serif; */
	font-family: 'Lato', sans-serif;
}

h1 {
	display: inline;
}

.geilisieche {
    background-image: url("../img/geilisieche.jpg");
    height: 100%;
	position: relative;
    opacity: 0.65;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.caption {
    position: absolute;
    left: 0;
    top: 60%;
    width: 100%;
    text-align: center;
    color: #000;
}

.caption h1.border, .border {
	background-color:rgba(17, 17, 17, 0.7);
    color: #fff;
	padding: 14px;
    font-size: 30px;
    line-height: 64px;
    letter-spacing: 15px;
}

@media screen and (min-width : 600px) {
	.caption h1.border, .border {
	    padding: 18px;
		font-size: 40px;
		letter-spacing: 15px;
		line-height: 84px;
	}

}



@media screen and (min-width : 1200px) {
	.caption h1.border, .border {
		font-size: 69px;
		letter-spacing: 15px;
		line-height: 118px;
	}

}