body {
	font-family: 'Open Sans', sans-serif;
}

header {
	background-color: #414288;
}

header h1 {
	color: white;
}

/* Input / label  Styling */
input,
label {
	display: block;
	margin-left: 10px;
}

label {
	color: #636363;
}

input {
	border-radius: 2px;
	border: 2px solid #b9e3c6;
}

input:hover {
	border: 2px solid #59c9a5;
}

input:active {
	border: 2px solid #deefb7;
}

/* Images Box Shadow */

.img-html, .img-css {
	box-shadow:2px 2px 20px #f4fedf;
}

/* Background Image */

.img-css {
	width: 100%;
	max-width: 100%;
	height:400px;

	background-size: cover;
	background-repeat:no-repeat
}

@media (max-width: 768px) {
	.controls {
		display: block !important;
	}
	.controls div{
		clear:both;
		width:100%;
	}

	input {
		min-width:100%;
		margin:0 auto;
	}
 }