* {font-family: "Noto Sans", sans-serif; font-size: 14px;}
body {margin: 0;}

h2 {font-size: 17px;}
h3 {font-size: 18px;}

header {width: 660px; max-width: 94%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; text-align: center; padding: 20px 0 50px 0;}
header h2 {font-size: 25px;}
header h3 {color: #bb955c;}

.section-services {background-color: #bb955c; padding: 20px 0;}
.section-services .container {display: flex; justify-content: center; gap: 3%; width: 945px; max-width: 94%; margin: 0 auto;}
.section-services .container > div {flex: 1; text-align: center;}
.section-services h2 {color: #333333;}
.section-services p {color: #ffffff;}

footer {text-align: center; padding: 30px 3% 50px 3%;}
footer .gold {color: #bb955c;}
footer h2 {font-size: 25px; margin-bottom: 70px;}


@media screen and (max-width: 600px) {
  header {flex-direction: column; padding-bottom: 20px;}
  .section-services .container {flex-direction: column;}
}