.nav {
    display: flex;
    justify-content: flex-end;
    background-color: #86A3B8;
    padding: 10px;
 }

.item {
    padding: 15px;
    text-decoration: none;
    font-size: 20px;
    color: #474E68;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
 }

 .start {
    margin-right: auto;
  }

  .item:hover {
    background-color: #2C74B3;
    color: white
   }

 body {
    background-color: #EAE0DA;
  }

.field  { 
  display: flex;
  flex-wrap: wrap
}

  .sunflower  { 
     width: 100%
   }

 .image  {
    display: flex;
    justify-content: center;
    padding: 10px;
  }

  .ship  { 
    flex: 1;
  }

  .lettering  { 
    position: absolute;
    color: #579BB1;
    top: 150px;
    font-size: 70px;
    font-family: 'Oswald', sans-serif;
  }

  .middle  { 
    position: absolute;
    color: #3C4048;
    top: 270px;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
  } 
 
.heading  { 
  display: flex;
  flex-direction: column;
  align-items: center;
} 

.nick {
  display: flex;
}

.services  { 
  text-transform: uppercase;
  color: #579BB1;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
} 

.services:hover  { 
  color: #91D8E4
} 

ul  { 
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
} 

.list  { 
  font-family: 'Oswald', sans-serif;  
  list-style: none;
  font-size: 20px;
  padding: 10px;
  color: #474E68;
} 

.list:hover { 
 background-color: #2C74B3;
  color: white
}

#listing  { 
  display: flex;
  justify-content: space-around;
  background-color: #86A3B8;
  flex-wrap: wrap;
}

.commodities  { 
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  padding: 10px
}

.textcom  { 
  font-family: 'Oswald', sans-serif;  
  font-size: 20px;
  padding: 20px;
  color: #474E68;
  align-self: center;
  width: 140px;
} 

.textcom:hover  { 
  background-color: #2C74B3;
  color: white
}

.phrase  {
  display: flex;
  flex-direction: column;
  padding: 10px;
  background-color: #86A3B8;
 } 

 .text  { 
  font-family: 'Oswald', sans-serif;
  margin-left: 15px;
  align-self: center;
  font-size: 20px;
  color: #474E68
 } 

 #highlight  { 
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  align-self: center;
  font-size: 20px;
  color: #474E68;
 }

.port { 
  border-radius: 50%;
  align-self: center;
}

#contact { 
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #86A3B8;
}

.address { 
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  color: #474E68;
}

.gewerbe { 
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  color: #474E68;
}

#clients  { 
  display: flex;
  justify-content: space-around;
  padding: 10px;
  flex-wrap: wrap;
}


.partner  { 
  display: flex;
  flex-direction: column;
}

.one { 
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  flex: 1;
  width: 130px;
} 

.expert  { 
  display: flex;
  justify-content: center;
  color: #474E68;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
}

.form {
  display: flex;
  justify-content: center;
}

label {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  color: #474E68;
}

textarea, input {
  width: 200px;
}

.text-input {
  background-color: #EAE0DA;
  padding: 10px;
  font-family: 'Oswald', sans-serif;
  border: solid 1px;
  color: grey;
  }

.btn {
  font-size: 30px;
  font-family: 'Oswald', sans-serif;
  background-color: #86A3B8;
  padding: 10px;
  width: 25%;
  color: #474E68;
}


@media all and (max-width: 800px) { 

   nav { 
     flex-direction: column;
     align-items: center
   }

   .start  { 
    margin: 0
   }

  .nickphoto  { 
    align-self: center;
    width: 200px;
  }
  
  .nick  { 
    flex-direction: column
  }

  .address  { 
    font-size: 17px;
  }
    
  
   }

@media all and (max-width: 500px)  { 
  .address  { 
    font-size: 13px
  }
  
}