#wolf {
	background-image:url('../images/back_main.jpg');
	background-size:cover;
	background-color:#eaeaea;
	background-repeat:no-repeat;
	padding-top:60px;
	padding-bottom: 30px;
}
#klimaanlagen {
	background-image:url('../images/klimaanlage.jpg');
	background-size:cover;
	background-color:#eaeaea;
	background-repeat:no-repeat;
	padding-top:60px;
}
#waermepumpen {
	background-image:url('../images/warm_und_kalt.jpg');
	background-size:cover;
	background-color:#eaeaea;
	background-repeat:no-repeat;
	padding-top:60px;
}

h1 {
	font-family: "Gilroy-Bold";
	text-transform: uppercase;
	font-size:30px;
	color:#1b3553;
	text-align:center;
	margin-bottom:0px;
}
#main-slogan {
	font-family: "Gilroy-Bold";
	text-transform: none;
	font-size:30px;
	margin-top:0px;
	margin-bottom:50px;
}
#main-slogan span {
	color:#00b0d9;
}
h2 {
	font-family: "Gilroy-Bold";
	text-transform: uppercase;
	font-size:25px;
	color:#1b3553;
	text-align:center;
	margin-bottom:0px;
}
.main-text {
	background-color:rgba(27,53,83,0.85);
	color:#FFFFFF;
	margin-top:30px;
	padding:20px;
	font-family: "Gilroy-Medium";
	width:1000px;
	text-align:justify;
	font-size: 18px;
	line-height: 30px;
}
.impressum-text {
	color:#1b3553;
	font-family: "Gilroy-Medium";
}
#navigation {
	margin-top:0px;padding-left:0px;
	padding-bottom:30px;
}
#navigation .row a {
	background-color:rgba(0,176,217,0.5);
	height:80px;
	cursor:pointer;
	margin-bottom:10px;
	transition:0.5s;
}
#navigation .row a:hover {
	background-color:rgba(27,53,83,0.5);
	text-decoration:none;
}
#absende_button {
	background-color:rgba(0,176,217,0.8) !important;
	border-color: rgba(0,176,217,0.8) !important;
}
.logo-big {
	width:400px;
	margin-left:100px
}
.logo-big figcaption {
	font-family: "Gilroy-Medium";
	font-size:14px;
	color:#1b3553;
	margin-top:10px;
}
.divider {
	margin-top:60px;
	margin-bottom:60px;
}
.parallax1 {
  /* The image used */
  background-image: url("../images/ac.jpg");

  /* Set a specific height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax1 p, .parallax1 a {
	color:#FFFFFF;
	font-family: "Gilroy-Medium";
}
.parallax1 a {
	text-decoration:underline;
}
p {
	font-family: "Gilroy-Medium";
}
#footer {
	background-color:#eaeaea;
	padding-top:60px;
	border-top:1px solid #aaa;
	background-image:url('../images/footer.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}


@media (max-width:1280px) {
	h1 {
		font-size:22px;
	}
	.logo-big {
		width:350px;
		margin-left:50px;
	}
	.main-text {
		width:90%;
	}
}

@media (max-width:992px) {
	h1 {
		font-size:16px;
	}
	.logo-big {
		width:280px;
		margin-left:50px;
	}
}

@media (max-width:768px) {
	.logo-big {
		margin-left:auto;
		margin-right:auto;
	}
	#navigation .row div {
		height:60px;
	}
	h1 {
		font-size:25px;
	}
}

@media (max-width:576px) {
	#navigation {
		/*display:none;*/
	}
}

@media (max-width:400px) {
	.logo-big {
		width:auto;
	}
}