#footerMenu {
  display: none;
}

@media screen and (max-width: 800px) {
  #footerMenu {
    display: block;
  }

  .arrow-down {
    margin-top: 150px;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #7ca1ca;
  }

  #container {
    width: 100%;
    text-align: center;
  }

  #footerMenu {
    background: rgba(83, 134, 0, 0.9);
    color: #fff !important;
    width: 100%;
    /* height: 0px; */
    height: 65px;
    position: fixed;
    z-index: 300;
    bottom: 0;
    overflow: none;
    left: 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -webkit-box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.5);
    box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.5);
    text-align: center;
    padding: 10px 0px;
    font-size: 20px;
  }

  #footerMenu p {
    font-size: 13px;
  }
  #footerMenu a {
    color: #fff !important;
    padding: 0 0 10px 10px;
  }

  #footerMenu.show {
    height: 70px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }

  #footerMenu ul.navigation li {
    margin-top: 10px;
    float: left;
    margin-right: 16px;
    display: block;
  }

  #footerMenu ul.navigation li a:hover {
    background-color: #99aabd;
    color: white;
  }

  #footerMenu ul.navigation li a {
    text-decoration: none;
    padding: 0.2em 1em;
    color: #fff;
    background-color: #172e48;
    border-radius: 3px;
  }
}