*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
body,html{height:100%;}
.hero{
 background:url('background.jpg') center/cover no-repeat;
 height:100vh;
 display:flex;
 align-items:center;
 justify-content:flex-start;
 color:white;
 position:relative;
 padding-left:8%;
}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);} 
.content{position:relative;z-index:2;max-width:700px;text-align:left;}
.logo{font-size:40px;font-weight:800;color:#4CAF50;margin-bottom:20px;}
h1{font-size:36px;margin-bottom:20px;line-height:1.2;}
p{font-size:18px;margin-bottom:10px;}
.phone{margin-top:20px;font-size:20px;}
.socials{margin-top:20px;}
.socials a{margin-right:15px;color:white;text-decoration:none;}
.socials a:hover{color:#4CAF50;}
@media(max-width:768px){
 .hero{justify-content:center;text-align:center;padding:20px;}
 .content{text-align:center;}
 h1{font-size:26px;}
}