body {
font-family: Roboto;
background-color: #f4f1ed;
color: #333;
}

header {
    background-color: #112c5a;
    color: #c9a25a;
}

.navbar {
  font-family: Lato;
  background-color: #112c5a;
}

.nav-link, .nav-link:hover, .navbar-toggler{
    text-align: right;
    color: #c9a25a;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  text-align: right;
  color: #c9a25a;}

.navbar-toggler{border: none;}
.navbar-toggler:focus{box-shadow: none;}

#start_header{
    min-height: 100vh;
}

.section_light{
    min-height: 500px;
    background-color: #f4f1ed;
    color: #333;
}

.section_dark{
    min-height: 500px;
    background-color: #112c5a;
    color: #c9a25a;
}

h1,h2,h3 {
font-family: Playfair;
}

h1 {
font-size: 60px;
}

.section_light h1, .section_dark h1 {
font-size: 50px;
color: #c9a25a;
}

h2{
font-size: 30px;
}

@media screen and (max-width: 470px) {
  h1 {
    font-size: 35px;
  }
  h2 {
    font-size: 20px;
  }

  .section_light h1, .section_dark h1 {
font-size: 28px;
color: #c9a25a;
}

}