body {
    background-color:#FFC20F; 
    font-family: "Trebuchet MS", Tahoma, sans-serif;
    font-weight: 400;
	margin:0px;

}
.background{
	    min-height: 600px;  
	background-image: url("images/guttge_BG.png");
    background-repeat: no-repeat;
    background-size: cover;
	background-position: top;
}


@media(max-width:893px){
	.background{	
	    min-height: 400px;
		
}
}



@media(max-width:499px){
	.background{	
	    min-height: 700px!important;
		background-position: -475px!important;
}
	.teaser{
		
	top: 177px!important;	
	position: static !important;
}
}

.wrapper {
    height: auto;
    max-width: 800px;
    margin: 0 auto;
}

h1 {
color: #2B1E6D;
}

.img-c {
    max-width:100%;
    height: auto;
	margin:10px 0px 0px;
}

footer {
    background-color: #fff;
    width: 100%;
    padding-top: 2px;
	background-color:#2B1E6D;

}

.col {
    float: left;
    margin-right: 7%;
}

.teaser {
   position: static !important;
    padding: 5px 30px;
    top: 50px;
    position:fixed;
	margin-right: 8px;
}

.img-container-mobile {
    background:#fff;
    padding: 10px;
}

@media screen and (max-width: 500px) {
    footer {
        display: none;
    }
    
    .col-mobile {
     bottom:0px;
    background-color: #fff;
    width: 100%;
    position: fixed;
    padding: 5px;
    }
}

@media screen and (min-width: 500px) {
    .img-container-mobile {
        display: none;
    }
    .col-mobile{ display: none;}
}


h1 {
  color: black !important;
  font-weight: bolder !important;
}

footer {
  background-color: #fff;
  width: 100%;
  padding-top: 2px;
  background-color: black !important;
}

.col {
  color: white !important;
}

h1 {
  color: white !important;
  padding: 15px !important;
}


.img-container-mobile {
  display: none !important;
}

.img-container {
  background-color: #FFC20F !important;
}

footer {
  width: 1300px !important;
  padding-top: 2px;
  background-color: #FFC20F !important;
  margin:
auto !important;
	  margin-top: -50px !important;
}

.block1 {
  width: 300px !important;
  font-size: 27px !important;
  color: black !important;
	margin-top: 75px !important;
	margin-left: -200px !important;
  margin-right: 0px !important;
	letter-spacing: 0.05em;
}

.block2 {
  width: 300px !important;
  font-size: 27px !important;
  color: black !important;
	margin-top: 75px !important;
	margin-right: 100px !important;
	letter-spacing: 0.05em;
}

.img-c {
  margin-top: -120px !important;
  width: 425px !important;
  margin-left: -75px !important;
}

.teaser {
  width: 1500px !important;
  margin:
auto !important;
    margin-left: auto;
  margin-left: -250px !important;
  padding-top: 40px !important;
}

h1 {
  color: black !important;
  font-size: 120px !important;
  letter-spacing: 0.02em !important;

}

h4 {
  font-size: 45px !important;
  letter-spacing: 0.05em !important;
  margin-top: -100px !important;
  margin-left: 20px !important;
  width: 1000px !important;
}


a {
  color: #504422 !important;
  text-decoration:
none !important;
}


@media screen and (max-width: 1080px) {
h1 {
  font-size: 50px !important;
  margin-left: 350px !important;
	}}

@media screen and (max-width: 1080px) {
h4 {
  font-size: 25px !important;
  margin-left: 365px !important;
  margin-top: -50px !important;
}}

@media screen and (max-width: 1080px) {
.block1 {
  font-size: 20px !important;
  margin-top: -15px !important;
}}

@media screen and (max-width: 1080px) {
.block2 {
  font-size: 20px !important;
}}

@media screen and (max-width: 1080px) {
.img-c {
  margin-left: -500px !important;
  margin-top: -50px !important;
}}

@media screen and (max-width: 1080px) {
.block2 {
  margin-left: -355px !important;
  margin-right: 400px !important;
  margin-top: 200px !important;
}}

@media screen and (max-width: 1080px) {
h6 {
  margin-left: 265px !important;
	}}

@media screen and (max-width: 1080px) {
.block1 {
  margin-top: 100px !important;
	}}

@media screen and (max-width: 1080px) {
.block2 {
  margin-top: 250px !important;
	}}

@media screen and (max-width: 1080px) {
.img-c {
  margin-top: 0px !important;
	}}





@media screen and (max-width: 600px) {
h1 {
  margin-left: 230px !important;
  font-size: 40px !important;
  margin-top: -150px !important;
	}}

@media screen and (max-width: 600px) {
h4 {
  font-size: 23px !important;
  margin-left: 245px !important;
  width: 300px !important;
  margin-top: -20px !important;
	}}

@media screen and (max-width: 600px) {
.col-mobile {
  background-color: #FFC20F !important;
  margin-left: 25px !important;
  font-size: 20px !important;
	}}

	@media screen and (max-width: 600px) {
.img-c {
  margin-left: 0px !important;
  width: 300px !important;
		}}

@media screen and (max-width: 600px) {
.img-c {
  width: 250px !important;
  margin-left: 90px !important;
  margin-bottom: -25px !important;
	}}

h6 {
  font-size: 30px !important;
  margin-left: 20px !important;
  color: red !important;
}

@media screen and (max-width: 1080px) {
h6 {
  margin-left: 265px !important;
	}}

@media screen and (max-width: 600px) {
h6 {
  margin-left: 245px !important;
  font-size: 20px !important;
	}}

@media screen and (max-width: 600px) {
.teaser {
  margin-top: 225px !important;
	}}


@media (max-width: 499px) {
  .background {
    min-height: 500px !important;
    background-position: 220px 30px !important;
  }
}

@media screen and (max-width: 600px) {
.wrapper {
  margin-top: -50px !important;
}}

@media screen and (max-width: 600px) {
  h1 {
    margin-left: 230px !important;
    font-size: 35px !important;
    margin-top: -150px !important;
  }
}


.colu-mobile {
  display: none !important;
	}

@media screen and (max-width: 850px) {
.colu-mobile {
  display: none !important;
	}}


@media screen and (max-width: 600px) {
.colu-mobile {
  display: inherit !important;
	}}


@media screen and (max-width: 600px) {
.colu-mobile {
  margin-top: -200px !important;
}}

@media screen and (max-width: 600px) {
  .img-c {
    width: 190px !important;
    margin-left: 150px !important;
    margin-bottom: -5px !important;
  }
}

@media screen and (max-width: 600px) {
.block1m {
  margin-top: -200px !important;
  font-size: 18px !important;
  margin-left: 25px !important;
}}


@media screen and (max-width: 600px) {
.block2m {
  margin-left: 25px !important;
  font-size: 18px !important;
  margin-top: 50px !important;
}}

@media screen and (max-width: 600px) {
.teaser {
  width: 575px !important;
	}}