.navi {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5% 4%;
}

.navi img {
    width: 30px;
    height: 30px;
    margin: auto;
    display: flex;
    text-align: center;
}

.navi a {
    background: #1c2f3c;
    padding: 1%;
    margin: 0.5% 0.5%;
    color: white;
    text-decoration: none;
    text-align: center;
    width: 22%;
}

.navi a:hover {
    background: #001524;
}

.navi h3 {
  font-size: 120%;
  font-weight: 400;	
  line-height: 1;
  margin: 0 0 -35 0;
  color: white;
}

@media (max-width:920px) {
.navi h3 {
	font-size: 120%;
  }
  
p {
  line-height: 120%;
}
}
@media (max-width:600px) {
.navi, .navi a {
  display: block;
  width: 100%;
  text-align: center;
}
}