*{
  margin:0;
  padding:0;
}

body{
  margin:0;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size:17px;
  color:#FFF;
  line-height:1.6;
}

#showcase{
  background-image:url('background.jpg');
  background-size:cover;
  background-position:center;
  height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:0 20px;
}

#showcase h1{
  font-size:150px;
  line-height:1.2;
  text-shadow: 5px 5px 10px black;
}

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

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

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

#section-a{
  padding:20px;
  background:#926239;
  color:#fff;
  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;
}