body{
  left: 7%;
  right: 7%;

}


.logo{
  left:45%;
  flex: 0 0 100%;
}
@keyframes logo{
  from {
    transform: rotate(0) scale(s);
  }
  0%{
    transform: rotate(-720deg) scale(1);
    left: 45%;
  }
  to{
  transform: rotate(0) scale(1);
  }
}
.flex-list{
  margin-left: 0;
  margin-top: 100px;
}
.flex-list li:first-of-type{
  border-left: none;
}
.home, .about, .menu, .contact{
  flex: 1 1 35%;
}
.columnone{
  flex: 1 1 100%;
  border-right: none;
  border-bottom: 3px double black;
}
.columntwo{
  display: flex;
  padding-left: 0;
  flex: 1;
}
.paraone, .paratwo{
  flex: 1 1 50%;
  padding: 0 10px 0 10px;
}
.social{
  flex: 1 1 35%;
}
.copyright{
  flex: 1 1 50%;
  border-right: none;
}