.sidenav-contact {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 11111;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 1s;
  padding-top: 28px;
  margin-right: -50%;
}

.sidenav-contact a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 22px;
  color: #000;
  display: block;
  transition: 0.3s;
}

.sidenav-contact a:hover {
  color: #158BFF;
}

.sidenav-contact .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav-contact h4 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Lato-Bold';
    letter-spacing: 0.8px;
}
.sidenav-contact p {
    text-align: center;
    font-size: 15px;
    padding: 1% 8%;
}
.sidenav-contact h6 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Lato-Bold';
    margin-top: 4%;
}
.contact-details-about
{
    float:left;
    width:205px;
    height:160px;
    padding:20px;
    line-height:170%;
    background:#000000;
}