body{
    margin:0px;
}

.head_footer_transition{
    transition: height 0.5s;
}

#header{
  border:1px solid #000;
    box-shadow: 5px 0px 15px #555;
  position: fixed;
  top:0px;
  width: 100%;
  background-color: #777;
  min-height:25px;
  max-height:50px;
  height:50px;  
  z-index:1;
}

#content{
    padding:10px 0px;
    margin: 50px 0px;
    justify-content:center;
}

#footer{
    position: fixed;
    bottom:0px;
    width: 100%;
    min-height:25px;
    max-height:50px;
    height:25px;
    background-color: #777;
    border:1px solid #000;
    box-shadow: 5px 0px 15px #555;

}