.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #697b7b;
  overflow-x: hidden;
  z-index: 2225;
  transition: all 0.5s;

}

.overlay__content{
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: 0px;

}

.overlay a{

  padding: 10px;
  color: #ccc;
  font-size: 40px;
  text-decoration: none;
  display: block;

}

.overlay a:hover{
  color: #fff;

}

.overlay .closeBtn{
  text-decoration: none;
  list-style: none;
position: absolute;
color: #fff;
font-weight: lighter;
top: 10px;
opacity: .6;
right: 60px;
font-size: 50px;
z-index: 2000;
}
.overlay .closeBtn:hover{
  opacity: 1;
}



.overlay .openBtn{
  height: 200px;
  text-decoration: none;
  list-style: none;
}