body{
	padding: 30px;
	background: #58d39d;
	font-size: 16px;
	}

*, *:before, *:after {
  box-sizing: border-box;
}

h1{
	font-style: italic;
	font-size: 6.250em;
	color: #FFFFFF;
	font-family: 'Fanwood Text', serif;
}

h2{
	color: #358d66;
	font-weight: 400;
	'Karla', sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1;
}

p{
	font-size: 2.500em;
	color: #005ea6;
	font-family: 'Fanwood Text', serif;
	line-height: 1.4;
}

a{
	color: #005ea6;
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 3px solid #005ea6;
}

a:hover{
	color: #0872c3;
	border-bottom: 3px solid #0872c3;
	transition: all ease 500ms;
}

.wrap-content{
	width: 60%;

    -webkit-animation: ease fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: ease fadein 1s;
}

.wrap-form {
	margin-top: 60px;
}

.wrap-form p{
	font-size: 1em;
	color: #358d66;
	font-family: 'Karla', sans-serif;
	line-height: 1.8;
	margin-top: 10px;
	
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;

}

.wrap-content input{
	width: 68%;
	height: 80px;
	background: #FFFFFF;
	border: none;
	float: left;
	margin-right: 1%;
	padding-left: 20px;
	color: #005ea6;
	font-size: 1em;
	font-family: 'Karla', sans-serif;
	margin-bottom: 20px;
}

input.submit{
	width: 30%;
	padding: 0 30px;
	color: #FFFFFF;
	background: #005ea6;
	font-family: 'Karla', sans-serif;
	transition: all ease 500ms;
}

input.submit:hover{
	background: #0872c3;
}

textarea:focus, input:focus{
    outline: 0;
}


.credit-tl a{
	font-size: 0.9em;
	margin-top: 20px;
	color: #33976b;
	border-bottom: 3px solid #33976b;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

.imprint{
	margin-top: 100px;
	font-size: 1em;
	font-family: 'Karla', sans-serif;
}

.imprint-detail p{
	font-size: 1.2em;
	margin: 0;
}

.top-20{
	padding-top: 20px;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

	body{
		padding: 20px;
		}

	.wrap-content{
		width: 100%;
	}

	p{
		font-size: 1.5em;
	}

	.wrap-form p{
	padding-top: 0;
	line-height: 1.4;
	font-size: 1em;
	}

	.wrap-content input{
		float: none;
		width: 100%;
		height: 80px;
	}

	input.submit{
		width: auto;
		height: 50px;
	}


}