/* Box-sizing -*/
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 *behavior: url('/test/grid/script/boxsizing.htc');
}

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}

/* Immagini responsive */
img { 
	border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
	max-width: 100%;
    padding: 20px;
	text-align:center;
}

 
/* Stili di base e tipografia */
html {
  font-size: 100%;
  color: #ffffff;
}

body, html {height: 100%;}

body {
	margin: 0;
	padding: 0;
	font-family: "Zalando Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 300;
    font-size: 1.1em;
    line-height: 1.5em;
    color: #ffffff;
    text-align: center;
	background: #000000 url('../images/sfondo.jpg') no-repeat center center;
	background-size: cover;
}

p {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 30px;
	font-size: 20px;
	line-height: 26px;
	font-weight:300;
}

#parent {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    height: 60vh;
    width: 80vw;
    padding: 20px;
    background-size: contain;
    align-items: center;
    flex-direction: column;
    top: 20vh;
    position: relative;
}

#contacts {
    display: block;
    position: absolute;
    bottom: -100px;
}

a {
	color: #ffffffb5;
	text-decoration: none;
	transition: all 0.3s ease;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
	transition: all 0.3s ease;
}

h1 { 
 font-size:42px; 
	line-height:46px; 
	margin-bottom:20px; 
}

h2 { 
 font-size:28px; 
	line-height:32px; 
	margin-bottom:12px; 
}

h3 { 
	font-size:21px; 
	line-height:25px; 
	margin-bottom:8px; 
}

.bold, b, strong {
	font-weight:500;	
}

#testo p{
	font-size: 25px;
    line-height: 35px;
	font-weight:300;
	margin-bottom: 30px;
	color: #ffffff;
}

#coming_soon p{
	font-size: 14px;
    line-height: 20px;
	font-weight:300;
	margin-bottom: 30px;
	color: #fff;
	font-family: "Zalando Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

#contacts b{
	font-weight:500;
	font-family: "Zalando Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

#logo {
	margin-top: 0;
	text-align: center;
	max-width: 800px;
	padding: 20px;
	display: none;
}

#contacts p strong{
	font-family: "Zalando Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

#contacts p{
	padding-bottom: 4%;
	color: #fff;
	font-family: "Zalando Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

@media only screen and (max-width: 700px) {
	#testo p {
		font-size: 30px;
		line-height: 34px;
		font-weight: 300;
		margin-bottom: 30px;
	}
	
	p {
		font-size: 15px;
		line-height: 20px;
	}
	
	#parent {
    justify-content: start;
    width: 90vw;
}

}