* { box-sizing: border-box;}

html, body { height: 100%; margin: 0;overflow: hidden ; }

/* Reset */
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

@font-face {
   font-family:'Poppins';
   font-style: normal;
   font-weight: 400;
   src: local('Poppins'),
   url(poppins400.woff2) format('woff2');
}

body { 
  background-color:#c7ddeb;
  background: url(img/sassoimmo_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body { 
  font: 18px/23px "Poppins", sans-serif;
  color: #ffffff;
}


h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 1px;
}

.column { float: left; }
.left { width: 30%; text-align:right;}
.right { width: 70%;}
.row:after { content: ""; display: table; clear: both;}
.row1 {  margin-top: 100px; margin-bottom:20px;}

.sasso {  font-size: 60px;  text-transform: uppercase; color:#000; font-weight:300;margin-right:4px;letter-spacing: 1px;}
.sasso2 {display:none;text-transform: uppercase; color:#000; font-weight:300;letter-spacing: 1px;}
.immo {  font-size: 60px;   text-transform: uppercase; color:#000; font-weight:800; margin-left: -2px;letter-spacing: 1px;}
.heading {  font-size: 20px;  line-height:24px;  color:#000; }
.addr { font-size: 16px;  line-height:16px;  color:#000;  margin-top:30px; }
.contact { margin-top:12px; padding:2px 8px;background-color:#009fe3; vertical-align: top;display: inline-block}
.contact:hover { opacity:0.5;}

.contact a { color: #ffffff;  font-size: 14px;text-decoration:none; font-weight:300; color:#fff; text-transform: uppercase; }


p { margin: 10px 0 15px 0; color:#000; font-size:20px;}


@media only screen and (max-width: 767px) {

  	html, body {  height: auto;}
  	body {background-image: url(img/sassoimmo_mobile.jpg);} 	
  	h1 { font-size: 25px; line-height: 25px; }  
  	.row1 {  margin-top: 80px; margin-bottom:30px;}
 	.left { width: 0; }
	.right { width: 100%; padding:0 20px;}
	.sasso {display:none;}
	.sasso2 {display:inline;font-size:50px;}
	.immo {font-size:50px; margin-left: 0;}
 	.heading {  font-size: 16px;  line-height:16px;  }
 	.addr {  margin-top:40px;margin-bottom:10px;}
 	.contact { padding:2px 6px; }
 	.contact a { font-size: 18px;}
}