* {
	padding: 0; border: 0; margin: 0; font-size: 22px;
}

html,body{background:#003F1B;}


.section-hero a {
	
	color: #333;
	text-decoration: none;
	font-size: 22px;
	padding: 1em;
	margin: 20px 0px 0px 0px;
	background: #fff;
	border: 15px solid #fff;
	display: inline-block;

}
@media all and (max-width: 749px) {

.kleiner-hero {overflow: visible; color: #61b3ea; font-family: "Open Sans","Helvetica Neue"; font-weight: 300; font-size: 22px; caption-side: bottom; letter-spacing: 0; padding: 2em; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px;}
.section-hero {width: 100%; background: #003F1B; overflow: auto; color: #fff; padding-top: 1em; font-family: "Open Sans","Helvetica Neue",Arial,sans-serif; font-weight: 300; font-size: 22px; line-height: 1.2em; caption-side: bottom;letter-spacing: 0; text-align: center; font-size: 40px; padding-bottom: 1.2em;}

.container {
	width: 100%;

} 

.kleiner-hero input{
    margin:.25em 0px;
    padding: .5em;
    background: #fff;
    color: #345678;
    text-shadow:0 1px 0 rgba(60,60,60,0.4);
	cursor: pointer;
	font-size: 22px;
	font-family: "Open Sans","Helvetica Neue",Arial,sans-serif; 
}


.section-hero input{
    margin:.25em 0px;
    padding: 1em;
    background: #fff;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
    color: #fff;
	cursor: pointer;
	font-weight: 300;
	font-family: "open-sans";
}

form.kleiner-hero{
	background: #378e5c;
	color: #fff;
}

form.kleiner-hero p{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}

form.kleiner-hero p.solo{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

form.kleiner-hero input.button{
	margin-top: 30px;
}
img { max-width: 100%; }
}

@media all and (min-width: 750px) {

.kleiner-hero {overflow: visible; color: #61b3ea; font-family: "Open Sans","Helvetica Neue",Arial,sans-serif; font-weight: 300; caption-side: bottom; letter-spacing: 0; padding: 2em; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px;}
.section-hero {width: 100%; background: #003F1B; overflow: auto; color: #fff; font-family: "Open Sans","Helvetica Neue",Arial,sans-serif; font-weight: 300; line-height: 1.5em; caption-side: bottom;letter-spacing: 0; text-align: center; padding: 60px 0;}

.container {
	width: 100%;

} 

.kleiner-hero input{
    margin:.25em 0px;
    padding: .5em;
    background: #fff;
    color: #345678;
    text-shadow:0 1px 0 rgba(60,60,60,0.4);
	cursor: pointer;
	font-size: large;
	font-family: "Open Sans","Helvetica Neue",Arial,sans-serif; 
}


.section-hero input{
    margin:.25em 0px;
    padding: 1em;
    background: #fff;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
    color: #fff;
	cursor: pointer;
	font-weight: 300;
	font-family: "open-sans";
}

form.kleiner-hero{
	background: #378e5c;
	color: #fff;
}

form.kleiner-hero p{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
}

form.kleiner-hero p.duo{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

form.kleiner-hero p.solo{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

form.kleiner-hero input.button{
	margin-top: 30px;
}

img { max-width: 100%; }
}

}

 @media only screen and (min-width:1550px){
	    
.kleiner-hero {overflow: visible; color: #61b3ea; font-family: "Open Sans","Helvetica Neue",Arial,sans-serif; font-weight: 300; font-size: 1.25em; caption-side: bottom; letter-spacing: 0; padding: 2em; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px;}
.section-hero {width: 100%; background: #003F1B; overflow: auto; color: #fff; padding-top: 1em; font-family: "Open Sans","Helvetica Neue",Arial,sans-serif; font-weight: 300; font-size: 1.1em; line-height: 1.5em; caption-side: bottom;letter-spacing: 0; text-align: center; font-size: 50px; padding-bottom: 1.2em;}

.container {
	width: 100%;

} 
form.kleiner-hero p{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}
}