html, body {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Arial', sans-serif;
	color: #000;
	margin: 0;
}

body {
	padding: 10px;
}
	
.logo {
	max-width: 100%;
	margin-top: 40px;
	width: 360px;
	height: auto;
}

.construction {
	font-size: 1.8em;
	margin: 40px 0 30px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3em;
	color: #434242;
}

h1 {
	color: #d20482;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 40px;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
	font-size: 1.2em;
	color: #434242;
}

.job {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	margin-top: 10px;
}

.indirizzo {
	font-size: 1.2em;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 30px;
}

.info {
	font-size: 1em;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	color: #d20482;
}

a {
	font-weight: normal;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	color: #000;
}

a:hover {
	text-decoration: underline;
	color: #d20482;
}

#box {
	margin: 30px 0;
}


@media screen and (max-width: 500px) {
	.job, .indirizzo { font-size: 1em; }
}


/*@media screen and (max-width: 1280px) {
	.logo { margin: 10px 0; }
}

@media screen and (max-width: 700px) {
	.logo { width: 60%; }
}*/