@media (min-width: 576px) {
  header h1 {
    font-size: 2.4em;
  }
}

@media (min-width: 576px) {
  header h5 {
    font-size: 1.1em;
  }
}

@media (min-width: 992px) {
  body {
    padding-top: 72px;
  }
}

@media (min-width: 768px) {
  header h2 {
    font-size: 2.2rem;
  }
}

@media (min-width: 576px) {
  .container#tabs {
    top: 72px;
  }
}

@media (min-width: 576px) {
  main h2 {
    top: 118px;
  }
}

@media (min-width: 768px) {
  main h2 {
    font-size: 2rem;
  }
}

@media (min-width: 576px) {
  header .col {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  header .col {
    /*padding-top: 2rem;*/
    /*padding-bottom: 2rem;*/
  }
}