@charset "UTF-8";
/* css  document */

body{
  margin:0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size:18px;

  line-height:1.6;
}



#showcase{
/*  background-image:url('http://traversymedia.com/downloads/assets/beachshowcase.jpg'); */
  background-image:url("landingpage.jpg");
  background-size:cover;
  background-position:center;
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:0 20px;
}

#showcase h1{
  font-size:50px;
  line-height:1.2;
 color:#FFFFFF;
}

#showcase p{
  font-size:20px;
 color:#FFFFFF;
}

#showcase .button{
  font-size:18px;
  text-decoration:none;
  color:#FFFFFF;
  border:#FFFFFF 1px solid;
  padding:10px 20px;
  border-radius:10px;
  margin-top:20px;
}

#showcase .button:hover{
  background:#FFFFFF;
  color:#fff;
}

#section-a{
  padding:20px;
  background:#FFFFFF;
  color:#FFFFFF;
  text-align:center;
}

#section-b{
  padding:20px;
  background:#f4f4f4;
  text-align:center;
}

#section-c{
  display:flex;
}

#section-c div{
  padding:20px;
}

#section-c .box-1, #section-c .box-3{
  background:#926239;
  color:#fff;
}

#section-c .box-2{
  background:#f9f9f9;
}