@media screen and (min-width: 1101px) {

  header {
    background-image: url(Contact-Foto.jpg);
  }

.alinea1 {
  text-align: left;
  padding-left: 80px;
  padding-right: 80px;
  line-height: 1.0;
  margin-bottom: 50px;
}

.alinea1 p {
  line-height: 0.7;
}

h2 {
  color: #80ba27;
  font-size:xx-large;
  font-weight: 900;
}

h6 {
  font-family:lato, sans-serif;
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bolder;
}

.contact-gegevens {
  text-align: left;
  padding-left: 80px;
  padding-right: 80px;
  margin-bottom: 130px;
}

.contact-gegevens p {
  line-height: 0.7;
}

.titel-formulier {
  padding-left: 80px;
  padding-right: 80px;
  text-align: left;
}

.contactformulier {
  padding-left: 80px;
  padding-right: 120px;
  text-align: left;
  margin-bottom: 100px;
}

#naam {
  width: 100%;
  height: 30px;
}

#email {
  width: 100%;
  height: 30px;
}

#bericht {
  width: 100%;
  height: 95px;
}

textarea {
  resize: none;
  font-family: 'Ubuntu', sans-serif;
}

input {
  font-family: 'Ubuntu', sans-serif;
}

input[type="submit"] {
  background-color: #80ba27;
  color: white;
  border: none;
  padding: 15px 10px;
  transition: background-color 0.3s;
  border-radius: 0 20px 0 20px;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  margin-top: 10px;
}

input[type="submit"]:hover {
  background-color: #4f721a;
  animation: shake 0.5s;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}
}
@media screen and (min-width: 601px) and (max-width: 1100px) {

  header {
    background-image: url(Contact-Foto.jpg);
  }

.alinea1 {
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
  line-height: 1.0;
  margin-bottom: 50px;
}

.alinea1 p {
  line-height: 0.7;
}

h2 {
  color: #80ba27;
  font-size:xx-large;
  font-weight: 900;
}

h6 {
  font-family:lato, sans-serif;
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bolder;
}

.contact-gegevens {
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 130px;
}

.contact-gegevens p {
  line-height: 0.7;
}

.titel-formulier {
  padding-left: 50px;
  padding-right: 50px;
  text-align: left;
}

.contactformulier {
  padding-left: 50px;
  padding-right: 90px;
  text-align: left;
  margin-bottom: 100px;
}

#naam {
  width: 100%;
  height: 30px;
}

#email {
  width: 100%;
  height: 30px;
}

#bericht {
  width: 100%;
  height: 95px;
}

input[type="submit"] {
  background-color: #80ba27;
  color: white;
  border: none;
  padding: 15px 10px;
  transition: background-color 0.3s;
  border-radius: 0 20px 0 20px;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  margin-top: 10px;
}

input[type="submit"]:hover {
  background-color: #4f721a;
  animation: shake 0.5s;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

}
/* telefoon */
@media screen and (max-width: 600px) {
  

  header {
    background-image: url(Contact-Foto.jpg);
  }

.alinea1 {
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 1.0;
  margin-bottom: 50px;
}

.alinea1 p {
  line-height: 0.7;
}

h2 {
  color: #80ba27;
  font-size:xx-large;
  font-weight: 900;
}

h6 {
  font-family:lato, sans-serif;
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bolder;
}

.contact-gegevens {
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 70px;
}

.contact-gegevens p {
  line-height: 0.7;
}

.titel-formulier {
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
}

.contactformulier {
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  margin-bottom: 100px;
}

#naam {
  width: 100%;
  height: 30px;
}

#email {
  width: 100%;
  height: 30px;
}

#bericht {
  width: 100%;
  height: 95px;
}

input[type="submit"] {
  background-color: #80ba27;
  color: white;
  border: none;
  padding: 15px 10px;
  transition: background-color 0.3s;
  border-radius: 0 20px 0 20px;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  margin-top: 10px;
}

input[type="submit"]:hover {
  background-color: #4f721a;
  animation: shake 0.5s;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

}