@media only screen and (max-width: 2000px) {
  header {
    height: 160px;
  }

  img.logo {
    margin-top: -1.8%;
  }

  #home-about {
    height: 400px;
  }

  #home-about p.text {
    font-size: 1.5em;
  }

  .history-title {
    top: -36%;
  }
}

@media only screen and (max-width: 1680px) {
  header {
    height: 149px;
  }

  #home-about {
    height: 360px;
  }

  .history-title {
    top: -36%;
  }
}

@media only screen and (max-width: 1440px) {
  header {
    height: 138px;
  }

  #home-about {
    height: 360px;
  }

  #home-about p.text {
    font-size: 1.3em;
  }

  .history-title {
    top: -34%;
  }
}

@media only screen and (max-width: 1366px) {
  #home-about {
    height: 300px;
  }

  #home-about p.text {
    font-size: 1.2em;
  }

  .history-title {
    top: -30%;
  }
}

@media only screen and (max-width: 1280px) {
  .navbar-nav a,
  .navbar-nav img {
    font-size: 1.4em;
    width: 19.75%;
  }
}

@media only screen and (max-width: 1024px) {
  header {
    height: 110px;
  }

  img.logo {
    margin-top: -2.5%;
  }

  .navbar-nav a,
  .navbar-nav img {
    font-size: 1.4em;
    width: 19.68%;
  }

  #home img.left,
  #home img.right {
    width: 180px;
  }

  p.homepage-text {
    top: -53%;
  }

  #home,
  .home-img {
    height: 600px;
  }

  #brewery,
  .brew-img {
    height: 630px;
  }

  #menu,
  .menu-img {
    height: 640px;
  }

  #history,
  .history-img {
    height: 650px;
  }

  .history-title {
    top: -22%;
  }
}

@media only screen and (max-width: 768px) {
  header {
    height: 110px;
  }

  img.logo {
    margin-top: -2.5%;
  }

  .navbar-nav a,
  .navbar-nav img {
    font-size: 1.3em;
    width: 19.57%;
  }

  #home img.left,
  #home img.right {
    width: 170px;
  }

  h1.center {
    font-size: 2.4em;
  }

  p.homepage-text {
    top: -60%;
  }

  .btn-home {
    top: -60%;
  }

  #home,
  .home-img {
    height: 550px;
  }

  #home-about {
    height: 230px;
  }

  h3.center {
    font-size: 2em;
  }

  #home-about p.text {
    width: 32.98%;
    padding: 0 3%;
    font-size: 1em;
  }

  #brewery,
  .brew-img {
    height: 630px;
  }

  #menu,
  .menu-img {
    height: 640px;
  }

  .panel-three {
    width: 35%;
  }

  p.panel-menu {
    top: 60%;
    width: 45%;
  }

  #menu-about {
    height: 630px;
  }

  #history,
  .history-img {
    height: 650px;
  }

  .history-title {
    top: -22%;
  }

  .panel-four {
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  header {
    height: 90px;
  }

  .navbar-header {
    width: 9%;
  }

  img.logo {
    display: none;
  }

  .navbar-nav {
    margin-left: 1.4%;
  }

  .navbar-nav a {
    float: none;
    width: 24%;
    font-size: 1.2em;
  }

  #home img.left,
  #home img.right {
    width: 105px;
  }

  h1.center {
    font-size: 2em;
  }

  p.homepage-text {
    top: -70%;
    width: 90%;
  }

  .btn-home {
    top: -70%;
    width: 20%;
  }

  #home,
  .home-img {
    height: 400px;
  }

  #home-about {
    height: 230px;
  }

  h3.center {
    font-size: 1.8em;
  }

  #home-about p.text {
    width: 32.5%;
    padding: 0 3%;
    font-size: 1em;
  }

  #brewery,
  .brew-img {
    height: 580px;
  }

  #brewery-about {
    height: 180px;
  }

  #brewery-about p.text {
    font-size: 1.1em;
  }

  .btn-brew {
    width: 20%;
  }

  #menu,
  .menu-img {
    height: 580px;
  }

  .panel-three {
    top: 15%;
    width: 38%;
    font-size: 1em;
  }

  p.panel-menu {
    top: 62%;
    width: 60%;
    font-size: 1em;
  }

  #menu-about {
    height: 800px;
  }

  .btn-vote {
    width: 20%;
  }

  #history,
  .history-img {
    height: 650px;
  }

  .history-title {
    top: -22%;
  }

  .panel-four {
    width: 80%;
    right: 10%;
  }

  .btn-send {
    width: 20%;
  }

  footer {
    bottom: -55px;
  }
}

@media only screen and (max-width: 320px) {
  header {
    height: 90px;
  }

  .navbar-header {
    width: 9%;
  }

  img.logo {
    display: none;
  }

  .navbar-nav {
    margin-left: 1.4%;
  }

  .navbar-nav a {
    float: none;
    width: 24%;
    font-size: 1.2em;
  }

  #home img.left,
  #home img.right {
    width: 105px;
  }

  h1.center {
    font-size: 2em;
  }

  p.homepage-text {
    top: -70%;
    width: 90%;
  }

  .btn-home {
    top: -70%;
    width: 20%;
  }

  #home,
  .home-img {
    height: 400px;
  }

  #home-about {
    height: 230px;
  }

  h3.center {
    font-size: 1.8em;
  }

  #home-about p.text {
    width: 32.5%;
    padding: 0 3%;
    font-size: 1em;
  }

  #brewery,
  .brew-img {
    height: 580px;
  }

  #brewery-about {
    height: 180px;
  }

  #brewery-about p.text {
    font-size: 1.1em;
  }

  .btn-brew {
    width: 20%;
  }

  #menu,
  .menu-img {
    height: 580px;
  }

  .panel-three {
    top: 15%;
    width: 38%;
    font-size: 1em;
  }

  p.panel-menu {
    top: 62%;
    width: 60%;
    font-size: 1em;
  }

  #menu-about {
    height: 800px;
  }

  .btn-vote {
    width: 20%;
  }

  #history,
  .history-img {
    height: 650px;
  }

  .history-title {
    top: -22%;
  }

  .panel-four {
    width: 80%;
    right: 10%;
  }

  .btn-send {
    width: 20%;
  }

  footer {
    bottom: -55px;
  }
}