body{
	font-family: Courier, monospace;
	margin: 0;
	padding: 0;
	width: 100%;
}
.wrapper{
	margin: 1rem;
	background: #fff;
	padding: 1rem;
	border: 1px solid #fff;
	border-radius: 1rem;
}
header{
	overflow: hidden;
}
.title{
	color: #c9e265;
	float: left;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 12px;
}
.subtitle{
	float: left;
}
.logo{
	width: 200px;
	float: left;
}
.container{
	width: 100%;
}
.container h2{
	text-align: center;
}
.contact{
	margin-bottom: 1.5rem;
}
.contact a{
	text-decoration: none;
	color: #000;
	display: inline-flex;
	align-items: center;
}
.contact img{
	margin: 5px;
}
.constructor{
	display: inline-flex;
	align-items: center;
	margin-top: 1.5rem;
	float: right;
}
.icon-constructor{
	width: 50px;
}
.fondo{
	background: #c9e265;
}
/*RESPONSIVE*/
@media screen and (max-width: 940px) {
	.logo{
		float: none;
		display: block;
		margin: 0 auto;
	}
	.title{
		float: none;
		font-size: 25px;
	}
	.subtitle{
		text-align: center;
		float: none;
		font-size: 16px;
		margin: 2rem auto;
	}
	.wrapper{
		padding: 0.3rem;
		margin: 0.3rem;
	}
	.icon-row{
		font-size: 14px;
	}

}