*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}

body{
  height: 100vh;
  width: 100%;
}

.container{
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
}

.logo{
  margin-top: 0px;
  padding: 0;
  height: 40%;
  width: auto;
  position: absolute;
}

footer{
  position: absolute;
  left: 0;
  bottom: 0;
  height: auto;
  width: 100%;
  color: #01233f;
}

ul{
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

li{
  display: inline-block;
  padding: 30px 10px;
}

@media (max-width: 768px) {
  ul{
    flex-direction: column;
    justify-content: center;
  }
  li{
    padding: 5px 0;
    text-align: center;
    display: block;
  }
}