.top-bar, .top-bar ul {
      background-color:#754C28;
      padding: 0.1rem;
    }

    .callout.primary {
      background-color: #FFFFFF
    }
    .callout.large {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    height: auto;
    overflow: hidden;
    }

    .callout {
      margin-bottom: 0;
      height:3rem;
    }
    ul.menu {
      float:right;
      padding-right: 0.5rem;
    }
    ul.menu li a {
      padding: 0;
      font-size: 13px;
      color: #FFFFFF;
    }
    .maintanance-msg {
      margin-top: 0.5rem;
    }
    article {
      min-height: calc(100vh - 83px - 120px);
    }
    .footernav .columns{
      margin-top:0.5rem;
      margin-bottom:0.5rem
    }
    footer {
      background-color:rgb(221, 228, 246);
      height: 120px;
      padding-top:0.5rem;
      overflow: hidden;
    }
    footer .row {
      margin-top: 0.5rem;
    }

    footer ul.menu {
      float:left;
      padding-right: 0px;
    }

    footer ul.menu li {
      margin-right: 5px;
      margin-bottom:0.5rem;
      border-right:1px solid #000000  ;
    }

    footer ul.menu li:last-child {
      border-right:0px;
      margin-right: 0px;
    }

    footer ul.menu li a {
      margin-right: 5px;
      color:#000000;
    }

    footer ul.menu li:last-child a {
      margin-right: 0px;
    }
    .footerlogo {
      text-align: right;
    }

  @media print,screen and (min-width:40em) {
     footer {
       height: 120px;
     }
  }
   
   @media print,screen and (max-width:40em) {
    footer {
       height: auto;
     }
    footer ul.menu {
      display: inline-block;
      text-align: center;
      margin: auto;
      width: 95%;
    }

    footer ul.menu li {
      display: inline-block;
    }

   .footermenu,.footerlogo {
    text-align: center;
   }
  }