.hidden {
    display: none !important;
}

/* color setup */

.section_title {
  color: hsl(205, 55%, 40%);
}

.header,
.section.__main {
  background-color: hsl(205, 55%, 40%);
  color: #fafafa;
  border-bottom: 1px solid hsl(205, 55%, 30%);
}

.section.__main {
  border-top: 1px solid hsl(205, 40%, 50%)
}

.section.__main .section_title {
  color: #fafafa;
}

.header .button:hover,
.header .button:active,
.header .button:focus,
.section.__main .button:hover,
.section.__main .button:focus,
.section.__main .button:active {
  color: hsl(205, 55%, 40%);
  background-color: #fafafa;
  border-color: #fafafa;
}

/* header styles  */

.brand {
  font-weight: bolder;
  height: 100%;
}

.brand-link {
  font-size: 150%;
}

.header-actions {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-action {
  display: inline-block;
  line-height: 1.4;
  padding: 1.4em 0;
}

.header-action + .header-action {
  margin-left: 1em;
}

.header {
  line-height: 1.4;
}

/* main content styles */

.section.__main {
  padding: 6em 0 8em 0;
}

.section.__main .section_title {
  font-weight: 100;
  font-size: 3em;
}

.section.__main .section_brief {
  margin-bottom: 4em;
}

.section.__main .button {
  width: 10em;
}

/* footer styles */

.footer {
  padding-top: 2em;
  padding-bottom: 5em;
  background-color: hsl(205, 15%, 40%);
  color: #fafafa;
}

.footer .button:hover,
.footer .button:active,
.footer .button:focus {
  color: hsl(205, 15%, 40%);
  border-color: #fafafa;
  background-color: #fafafa;
}

.footer p {
  margin-bottom: 0.6em;
}

.footer .contacts table {
  width: 100%;
  text-align: left;
}

.footer .contacts table td {
  vertical-align: top;
  padding: 0 0.6em 0.6em 0;
}

@media (max-width: 767px) {

  .footer {
    text-align: center;
  }

  .footer .contacts table {
    display: inline-block;
    width: auto;
  }

}