@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;
}
body, html, div, img,* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	font-size: 100%;
	font-family: nimbus-sans, helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	background-color:#433d40;
}
#img-container {
	width:100%;
	height:85%;
	background-image:url(assets/cortiletto_stanza.jpg);
	background-position: right bottom;
	background-size:cover;
	background-repeat: no-repeat;
}
.smallscreen-img {
	display: none;
}
#text-container {
	height: 15%;
	min-height: 130px;
	width: 100%;
	padding-left:6em;
	background-color:#433d40;
	color: #c3b9bb;
	position: fixed;
	bottom: 0;
}
.logo {
	width: 260px;
	height: auto;
	float:left;
	padding-top:37px;
	/*padding-right:20px;*/
	/*padding-left:6em;*/
}
.adresse {
	display: inline-block;
	padding-left: 20px;
	padding-top: 55px;
	vertical-align: top;
}
.adresse:last-of-type {
	margin-right: 3.4em;
}
.adresse a, a {
	color: #c3b9bb;
	text-decoration: none;
}
.adresse a:hover, a:hover {
	text-decoration:underline;
}
.flyerlink {
	position:absolute;
	left: 760px;
	top: 1em;
	display: inline-block;
	/*margin-left: 1em;*/
}
.sociallinks {
	/*width: 14em;*/
	display: inline-block;
	/*margin-left: 3.4em;*/
	height: auto;
}
.sociallink {
	display: inline-block;
	width: 3em;
	height: 3em;
	margin-top: 3.4em;
	margin-right: 2em;
}
.facebook {
	display: inline-block;
	/*width: 60px;
	height: 60px;
	margin-top: 2.5em;*/
	background-image: url(assets/fb_grau_2.png);
	background-size: contain;
}
.facebook:hover {
	background-image: url(assets/facebook-hover.png)
}
.instagram {
	background-image: url(	assets/insta_dark.png);
	background-size: contain;
}
.instagram:hover {
	background-image: url(assets/insta_hover.png);
}
.credit {
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
	font-size: 10px;
	color: #433D40;
}
#squarecontainer {
	width:520px;
	height:20px;
	position:fixed;
	right: 0;
	bottom: 0;
}
.colorsquare {
	width:130px;
	height:20px;
	float:left;
}
.sand {
	background-color: #cbc1c6;
	text-align: right;
}
.linde {
	background-color: #696a58;

}
.rosa {
	background-color: #d1a7b0;
}
.tanne {
	background-color: #466269;
}
@media only screen and (max-width:1400px){
	.adresse {
		margin-bottom: 40px;
	}
	#text-container {
		padding-bottom: 20px;
	}
}

@media only screen and (orientation:portrait) {
	#squarecontainer {
		position:fixed;
		bottom: 0px;
	}
	#text-container {
		/*padding-bottom: 0;*/
		display: block;
		position: relative;
	}
}


/*@media only screen and (min-width:768px) and (orientation:portrait) {
	.logo {
		padding-left:80px;
	}
}
*/

@media only screen and (max-width:880px){
	#text-container {
		height:250px;
		/*height:auto;
		top:60%;*/
	}	
	.flyerlink {
		position: relative;
		display: block;
		left: inherit;
	    padding-left: 6px;
		top:1em;
		margin-bottom: 1em;
	}
	.sociallink {
		margin-top: 1em;
	}
}

@media only screen and (max-width:767px){
	
	#img-container {
		background-image: none;
		background-color: #433D40;
		background-size:contain;
		background-position: center top;
		height:auto;
	}
	.smallscreen-img {
		display: block;
		width:100%;
		height: auto;
}
	
	#text-container {
		width:auto;
		padding-left:2em;
		position: relative;
		top:0;
		height:auto;
	}
	#squarecontainer {
		position: fixed;
		bottom:0;
		width:100%;
	}
	.flyerlink {
		top: 0;
	}
	.sociallinks {
		margin-left: 0;
		margin-bottom: 2em;
	}
	.sociallink {
		margin-left:0;
		margin-right: 2em;
		margin-top: 1em;
	} 

	.colorsquare {
		width: 25%;
	}
	.adresse, .logo {
		float:none;
		display: block;
	}
	.logo {
		padding-bottom: 1em;
		padding-left: 0;
	}
	.adresse {
		padding-top: 0;
		padding-left: 6px;
	}
	/*.facebook {
		margin-top: 1em;
		margin-bottom: 2em;
		margin-left: 0em;
	}*/
}

/*@media only screen and (max-device-width:768px) and (orientation:portrait) {
	#squarecontainer {
		position: relative;
		width:100%;
		float:right;	
	}
}*/
@media only screen and (max-width:414px) and (orientation:portrait) {
	#squarecontainer {
		position:fixed;
		bottom:0;
	}
}