*{ 
  margin:0; 
  padding:0; 
  box-sizing:border-box; 
  font-family:Arial; 
} 
 
body{ 
  background:#111; 
  color:#fff; 
} 
 
/* MAIN LAYOUT */ 
.container{ 
  display:flex; 
  min-height:100vh; 
} 
 
/* LEFT */ 
.left{ 
  flex:1; 
} 
 
.left img{ 
  width:100%; 
  height:100%; 
  object-fit:cover; 
} 
 
/* RIGHT */ 
.right{ 
  flex:2; 
  padding:40px; 
  display:flex; 
  flex-direction:column; 
  justify-content:center; 
} 
 
/* TEXT */ 
.intro h1{ 
  font-size:32px; 
} 
 
.intro p{ 
  color:#c9a46c; 
  margin-bottom:20px; 
} 
 
/* ABOUT */ 
.about h4{ 
  color:#c9a46c; 
  margin-bottom:10px; 
} 
 
.about h2{ 
  margin-bottom:10px; 
} 
 
.about p{ 
  color:#ccc; 
  margin-bottom:20px; 
} 
 
/* BOX */ 
.box{ 
  margin-bottom:20px; 
} 
 
.box h3{ 
  background:#c9a46c; 
  color:#000; 
  padding:10px; 
  margin-bottom:10px; 
} 
 
.box p{ 
  margin-bottom:5px; 
} 
 
/* BUTTON */ 
.btn{ 
  display:inline-block; 
  padding:10px 20px; 
  background:#c9a46c; 
  color:#000; 
  text-decoration:none; 
  margin-top:20px; 
} 
 
/* RESPONSIVE */ 
@media(max-width:768px){ 
 
  .container{ 
    flex-direction:column; 
  } 
 
.right{ 
padding:20px; 
} 
.intro h1{ 
font-size:24px; 
} 
.about h2{ 
font-size:20px; 
} 
}