#footwrap{
  display:flex;
  justify-content: center;
  width: 100%;
}
#foot{
  width:var(--contentWidth);
  box-shadow: 0 0 2px rgba(0,0,0,0.25);
}
.topbar{
  display:flex;
  width: 100%;
  justify-content: center;
}
.top{
  width: 100%;
  background-color: white;
  text-align: center;
  box-shadow: 0 0 2px rgba(0,0,0,0.25);
}
.header{
  padding-top: 10px;
  font-size:20px;
}
.pay{
  height:100px;
  margin-left:20px;
  margin-right: 20px;
}
.lock{
  height: 100px;
}
#middle{
  background:var(--backgroundDark);
  padding-left: 10px;
  padding-right: 10px;
}
#middle .topbar .top{
  height: auto;
  background:var(--backgroundDark);
  color:white;
  box-shadow: 0 0 2px rgba(0,0,0,0);
}
#middle .topbar .top .header{
  font-size: 15px;
}

#footerMap{
 width: 95%;
}

#foot{
  margin-top: 50px;
}
#footwrap a{
  text-decoration: none;
}
#fb{
  height: 30px
}
#bottom .top{
  text-align:left;
  padding-left: 20px;
}

#searchbar{
  height: 20px;
  position: relative;
  left:-1px;
}
#search #submit{
  color: white;
  background: var(--backgroundDark);
  height: 26px;
  border: 1px  black;
  position: relative;
}
#credit{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top:10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 850px) {
  .topbar{
    flex-wrap:wrap
  }
  .top{
    height: auto;
  }
  .lock{
    width: 20%;
    height: auto;
  }
  #fb{
    width: 10%;
    height: auto;
  }
  #credit{
    justify-content: center;
  }
}