.html,
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.header {
    position: fixed;
    background-color: white;
    display: flex;
    width: 100%;
    height: 10%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    z-index: 1000;
}

.button1 {
    margin-right: 1%;
    margin-left: 1%;
    text-decoration: none;
}

.button:hover {
    color: #E6077D;
}

.button {
    text-decoration: none;
    color: black;
}

.search {
    display: flex;
    height: 50%;
    margin-right: 1%;
}

.button3 {
    display: flex;
    height: 60%;
    width: 7%;
    background-color: #E6077D;
    justify-content: center;
    align-items: center;
}

.dono {
    color: white;
    text-decoration: none;
}

.underheader {
    display: flex;
    height: 75%;
    width: 100%;
    background-color: #f0e9de;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.txtbx1 {
    display: flex;
    width: 58%;
    height: 70%;
    margin-right: 4%;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
}

h1 {
    font-size: 530%;
    line-height: 100%;
    text-align: center;
}

.koe {
    height: 53%;
    display: flex;
    margin-right: 3%;

}

.moreknop {
    border: 2px solid black;
    width: 15%;
}

.moreknoptxt {
    text-align: center;
    font-size: 120%;
}

.art1 {
    display: flex;
    height: 85%;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.varken {
    display: flex;
    width: 50%;
    height: 70%;
    margin-right: -9%;
}

.call1 {
    display: flex;
    width: 45%;
    height: 50%;
    background-color: #B6D5D7;
    margin-top: 15%;
    flex-direction: column;
}

#art1tit {
    font-size: 280%;
    margin-left: 5%;
    margin-top: 4%;
}

#art1text {
    font-size: 130%;
    margin-left: 5%;
    margin-right: 10%;
    margin-top: 1%;
}

.art2 {
    display: flex;
    height: 85%;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.call2 {
    display: flex;
    width: 50%;
    height: 70%;
    background-color: #FEEBD0;
    margin-top: 10%;
    z-index: 2;
    flex-direction: column;
}

#art2tit {
    font-size: 400%;
    margin-left: 8%;
    margin-top: 6%;
}

#art2text {
    font-size: 180%;
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 1%;
}

.koeziek {
    display: flex;
    width: 40%;
    height: 70%;
    margin-left: -5%;
    z-index: 1;
}

.midtxt1 {
    text-align: center;
    font-size: 400%;
    margin-top: 5%;
    margin-bottom: -1%;
}

.art3 {
    display: flex;
    height: 85%;
    width: 100%;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.donatie {
    display: flex;
    width: 39%;
    height: 70%;
    flex-direction: column;
}

.varkenkudde {
    display: flex;
    width: auto;
    height: auto;
}

#dontit {
    font-size: 250%;
    margin-left: 2%;
}

#dontext {
    font-size: 90%;
    margin-left: 2%;
}

#donmotiv {
    font-size: 80%;
    margin-left: 2%;
    margin-right: 10%;
    margin-top: 1%;
}

.call3 {
    display: flex;
    width: 51%;
    height: 70%;
    flex-direction: column;
}

.kippen {
    display: flex;
    width: auto;
    height: auto;
}

#calltit {
    font-size: 250%;
    margin-left: 2%;
}

#calltext {
    font-size: 90%;
    margin-left: 2%;
    margin-right: 10%;
}

.missie {
    display: flex;
    height: 50%;
    width: 70%;
    margin-top: 7%;
    margin-left: auto;
    margin-right: auto;
    background-color: #F8F2F2;
    flex-direction: row;
    justify-content: space-between;
}

#missietit {
    font-size: 300%;
    margin-left: 7%;
    margin-top: 5%;
}

#missietext {
    font-size: 140%;
    margin-left: 7%;
    margin-right: 5%;
    margin-top: 2%;
}

.varkengras {
    margin-bottom: -3%;
}

#contpage {
    display: flex;
    height: 75%;
    width: 100%;
    margin-top: 5%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.varkenzand {
    height: 80%;
    margin-right: -10%;
}

.contacttext {
    display: flex;
    height: 100%;
    width: 40%;
    background-color: #DCEAF0;
    flex-direction: column;
}

#conttit {
    font-size: 260%;
    margin-top: 6%;
    margin-left: 7%;
}

#conttext {
    font-size: 130%;
    margin-top: 0%;
    margin-left: 7%;
    margin-right: 20%;
}

#contform {
    height: 70%;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-right: 5%;
}

.contfield {
    margin-top: 3%;
    height: 20%;
}

#contprivacy {
    font-size: 105%;
    margin-top: 5%;
    margin-right: 3%;
}

.submitbtn {
    margin-top: 2%;
    height: 20%;
    width: 35%;
    background-color: #E6077D;
    color: white;
    border: none;
    font-size: 120%;
}

#camptext {
    font-size: 400%;
    text-align: center;
}

.inzet {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.inzet1 {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.koestal {
    height: 55%;

}

.inzet2 {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.winkel {
    height: 55%;

}

.inzet3 {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.varkenstal {
    height: 55%;

}

.inzettit {
    font-size: 140%;
    margin-top: 4%;
    margin-bottom: 0%;
}

.inzettext {
    font-size: 100%;
    margin-top: 2%;
}

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

#button4 {
    display: flex;
    justify-content: center;
    height: 10%;
    width: 10%;
    border-color: black;
    border-style: solid;

}

#donatietitel {
    font-size: 300%;
    text-align: center;
    margin-top: 4%;
}

.doneren {
    background-color: #B6D5D7;
    margin-top: 3%;
    height: 80%;
    width: 100%;
    display: flex;
}

.donopties {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-left: 5%;
    margin-top: 2%;
}

.donbalk {
    display: flex;
    background-color: #f0e9de;
    height: 25%;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2%;
}

#don2 {
    display: flex;
    justify-content: center;
}

#don3 {
    display: flex;
    justify-content: flex-end;
}

.donimg1 {
    height: 80%;
    width: auto;
}

.donimg2 {
    height: 100%;
    width: auto;
}

.donimg3 {
    height: 100%;
    width: auto;
}

.donradio {
    height: 30%;
    width: 5%;
}

.donbedrag {
    margin-left: 2%;
    height: 30%;
    width: 20%;
    margin-right: 2%;
}

.donsubmit {
    margin-top: 2%;
    height: 15%;
    width: 20%;
    background-color: #E6077D;
    color: white;
    border: none;
    font-size: 120%;
}

#nieuwstit {
    font-size: 280%;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 0%;
}

.nieuws {
    display: flex;
    background-color: #F7F7F7;
    height: 80%;
    width: 100%;
    margin-top: 4%;
    flex-direction: column;
}

.nieuwsarts {
    display: flex;
    margin-top: 2%;
    justify-content: space-evenly;
}

.nieuws1 {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.koenieuws {
    width: 100%;

}

.nieuws2 {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.visnieuws {
    width: 100%;

}

.nieuws3 {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.koeviesnieuws {
    width: 100%;

}

.nieuwsarttit {
    font-size: 160%;
    margin-top: 2%;
    margin-bottom: 0%;
}

.nieuwsarttext {
    font-size: 110%;
    margin-top: 4%;
}

.footer {
    display: flex;
    height: 50%;
    width: 100%;
    background-color: #F0E9DE;
    flex-direction: column;
}

.footerup {
    display: grid;
    grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
    grid-template-rows: 80%;
}

.footlogotxt {
    font-size: 300%;
    font-weight: bold;
    color: #E6077D;
    margin-top: 10%;
    margin-left: 20%;
}

.rij {
    display: flex;
}

.footlist {
    list-style-type: none;
}

.itemtop {
    margin-top : 20%;
    font-size: 100%;
    font-weight: bold;
}

.item {
    margin-top: 15%;
    font-size: 100%;
}

.footbalk {
    display: flex;
    width: 100%;
}