header nav {
    background-color: #fffefc;
    display: flex;
    text-align: right;
    padding-right: 2rem;
    align-items: center;
    justify-content: space-between;
}

header nav li{
display: inline-block;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 2rem;
    font-weight: normal;
    font-size: 1.5rem;
}
header nav img {
    display: inline-block;
    height: 7rem;
    margin: 1rem;
    border-radius: 4rem;
    border: #002b0b;
    border-style: dashed;
}
header nav a {
    color: black;
    text-decoration: none; 
    font-weight: normal; 
}
header nav a:hover{
    color: green;
    text-decoration: none; 
    font-weight: normal; 
}
article {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    display: flex;
    gap: 2rem;
    padding: 2rem;
    justify-content: space-around;
}
article p {
    margin: 0.5rem;
    margin-left: 0rem;
    color: #002b0b;
}
article img{
    width: 45%;
    display: inline-block;
    max-height: 500px;
    border-radius: 1rem;

}
h1 {
    text-align: center;
    font-weight: bold;
    font-size: 5rem;
    margin: 3rem;
    display: block;
    text-decoration: underline;
    color: #F39A27;
    width: 100%;
    
}
h2 {
    font-weight: bold;
    font-size: 3rem;
    color: #002b0b;
    margin-bottom: 1rem;
}
h3 {
    font-weight: bold;
    font-size: 1.5rem;
    color: #F39A27;
    margin-top: 2rem;
}
main {
    width: 75%;
    display: inline-block;
    margin-left: 12.5%;
}
section {
    background-color: #fffefc;
    border-radius: 2rem;
    padding: 2rem;
    margin: 3rem;
}
body {
    background-color: #002b0b;
}
.button {
    background-color: #F39A27;
    margin-top: 5rem;
    padding: 0.5rem;
    border-radius: 2rem;
    color: white;
    display: inline-block;
    
}
.button a {
    color: white;
    text-decoration: none;
    
}
.button:hover{
    background-color: red;
}
footer div {
    background-color: #fffefc;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    display: flex;
    justify-content: space-between;
    text-align: right;
    margin-top: 5rem;
    padding: 2rem;
    align-items: center;
    
}
footer div img {
    display: inline-block;
    height: 5rem;
    border-radius: 4rem;
    border: #002b0b;
    border-style: dashed;
}
.bold {
    font-weight: bold;
}
.right {
    text-align: right;
}
.blog {
    display: flex;
    width: 80%;
    flex-direction: column;
    margin: 2rem;
    
}
.tussentitel {
    color: #F39A27;
    font-size: 3rem;
}
.bron {
    font-size: 1rem;
    margin-top: 1rem;
    font-style: italic;
}
li div {
    font-weight: bold;
    display: inline;
}
form img{
    width: 45%;
    display: inline-block;
    max-height: 500px;
    border-radius: 1rem;

}
form {
    display: flex;
    justify-content: space-around;
}
input[type="submit"] {
    display: block;
    margin-top: 2rem;
}
.bericht {
    height: 5rem;
}
input[type="text"] {
    width: 200%;
}
a {
  color: #002b0b;
  text-decoration: none;
}
a:hover {
  color: #F39A27;
  text-decoration: none;
}
@media (max-width: 768px) { /*i tried*/
    header nav {
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    width: 100%;
    padding-right: 0rem;
  }
    article {
    flex-direction: column;
  }
    article img, form img {
    width: 100%;
    max-height: none;
  }
    h1 {
    font-size: 2rem;
    margin: 1rem;
  }
    h2 {
    font-size: 1.8rem;
    margin: 1rem;
    margin-left: 0rem;
  }
  main {
    width: 100%;
    margin-left: 0rem;
  }
    input[type="text"] {
        width: 100%;
    }
    form {
        flex-direction: column;
    }
    section {
        margin: 1rem;
    }

}