.container {
  max-width: 1200px;
}

header {
  background-color: #305f81;
  background-image: url(../img/bg.png);
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
}

header a {
  color: #fff;
}


header a:hover {
  color: #c99d66;
}


.logo {
  width: 150px;
  height: auto;
}

main {
  min-height: 80vh;
  padding-top: 20px;
  padding-bottom: 20px;
}

footer {
  border-top: 5px solid #c99d66;
  padding-top: 20px;
  padding-bottom: 20px;
}

.logofooter {
  width: 100px;
  height: auto;
}

.copyright {
  font-size: 0.9em;
}


.menu .btn {
  padding: 45px 25px;
  border-radius: 10px;
  background-color: #C89D65;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
}

.menu .btn:hover {
  opacity: .8;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .menu {
    padding: 50px;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}