body{
    background-color: #D0AB79;
   
}

main {
    max-width: 1440px;
}

header {
    height: 143px;
    width: 1440px;
    display: flex;
}
h1{
    font-family:'Times New Roman', Times, serif;
    font-style: normal;
    font-size: 59px;
    color: white;
    text-align: left;
    padding-top: 30px;
    width:500px;
    position: relative;


}

.category{

    color: white;
    font-size: 26px;
    word-spacing: 3em;
    text-align: right;
    position: relative;
    width: 380px;
    top: 50%;
    transform: translate(0, -9%);

}

#searchBox {
    width: 10%;
    padding: 10px;
    font-size: 16px;
    border-radius: 20px;
    width: 200px;
    top: 50%;
    position: relative;
    left: 70px;
    transform: translate(0, -50%);
    
}

button {
    padding: 10px;
    font-size: 16px;
}

.title{
    color: #A72D06;
    font-family: maitree ,sans-serif;
    font-size: 37px;
    line-height: 1.7;
    text-align: left;
    width: 617px;
    margin: 80px auto 0;
    
}

.subtitle  {
    color:black;
    font-family: roboto, 'Arial Narrow Bold', sans-serif;
    font-style: bold;
    font-size: 20px;
    text-align: left;
    line-height: 29.4px;
    width: 700px;
    margin: 20px auto;

}

p{
    margin-bottom: 15px;
}

.subparagraaf{

    color:black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 29.4px;
    width:700px;
    margin-top: auto 0;
    margin-left: 407px;

}

img{
    height: auto;
    width:auto;
    margin-top: 40px;
    margin-left: 350px;
    
}

.title2{
    color: #A72D06;
    font-family: maitree ,sans-serif;
    font-size: 27px;
    line-height: 1.7;
    text-align: left;
    width: 651px;
    margin-top: 50px;
    margin-left: 407px;
    
}

.paragraaf2{

    color:black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 29.4px;
    width:700px;
    margin-top: auto 0;
    margin-left: 407px;


}

.interview{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    background-color: black;
    width: 1040px;
    height: 315px;
    font-size: 23px;
    text-align: left;
    line-height: 29.4px;
    text-align:left;  
    margin-left: 270px;
    margin-top: 150px;
    position: relative;



}
.textt{
    width: 846px;
    margin-left: 100px;
}

.YvesFoto img{
    width: 250px;
    height: 470px;
    margin-left: 20px;
    position: absolute;


}
 .title3{
    color: #A72D06;
    font-family: maitree ,sans-serif;
    font-size: 27px;
    line-height: 1.7;
    text-align: left;
    width: 651px;
    margin-top: 50px;
    margin-left: 407px;


 }

 .paragraaf3{

    color:black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 29.4px;
    width:700px;
    margin-top: auto 0;
    margin-left: 407px;

 }

.foto1, .foto2, .foto3 {
    display: flex;
    justify-content: space-between;

}

.foto1 img{
    width: 380px;
    height: 470px;
    margin-right: 69px;
    margin-left: 125px ;
    

}

.foto2 img{
    width: 380px;
    height: 470px;
    margin-right: 100px;
    margin-left: 37%; 
    margin-top:-470px;

}

.foto3 img{
    width: 380px;
    height: 470px;
    margin-right: 100px;
    margin-left: 66%; 
    margin-top:-470px;

}


.title4{
    color: #A72D06;
    font-family: maitree ,sans-serif;
    font-size: 27px;
    line-height: 1.7;
    text-align: left;
    width: 651px;
    margin-top: 50px;
    margin-left: 407px;

}

.paragraaf4{

    color:black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 29.4px;
    width:700px;
    margin-top: auto 0;
    margin-left: 407px;
}

.foto4, .foto5{
    display: flex;
    justify-content: space-between;

}

.foto4 img{
    width: 620px;
    height: 400px;
    margin-right: 100px;
    margin-left: 7%; 

}

.foto5 img{
    width: 620px;
    height: 400px;
    margin-right: 100px;
    margin-left: 49%; 
    margin-top:-400px;

}

.title5{
    color: #A72D06;
    font-family: maitree ,sans-serif;
    font-size: 27px;
    line-height: 1.7;
    text-align: left;
    width: 651px;
    margin-top: 50px;
    margin-left: 407px;
}

.paragraaf5{

    color:black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 29.4px;
    width:700px;
    margin-top: auto 0;
    margin-left: 407px;
}

.credits{
    color: white;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: bold;
    font-size: 20px;
    text-align: left;
    line-height: 29.4px;
    position: absolute;
    top: 28%;
    transform: translate(-50%, -50%);
    padding-bottom: 30px;
    padding-left: 300px;

}

.joinbox{

    background-color: #A72D06;
    height: 400px;
    width:auto 0;
    
}

#text-box{
    color:black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: bold;
    font-size: 40px;
    text-align: left;
    line-height: 50px;
    position: absolute;
    margin-left: 25%;
    margin-top: 5%;
}

#E-mail {
    padding: 10px;
    font-size: 22px;
    border-radius: 20px;
    width: 250px;
    position: relative;
    left: 60%;
    height:50px;
    top: 135px;
    margin: 100px;

 
   
    
}

button {
    font-size: 16px;
    margin-bottom: 100px;
    position: relative;
    bottom: 10%;
    
}

.container{
width:1440px;
display:flex;
margin: 0 auto;
gap: 280px;



}

.container2{
    width:1440px;
    display:flex;
    margin: 0 auto;
    gap: 353px;
}

.container3{
    width:1440px;
    display:flex;
    margin: 0 auto;
    gap: 335px;
}

.container4{
    width:1440px;
    display:flex;
    margin: 0 auto;
    gap: 350px;
}

.container5{
    width:1440px;
    display:flex;
    margin: 0 auto;
    gap: 312px;
}



footer{
    width: 100%;
    height: 90px;
    background-color: rgb(51, 50, 50);
    margin: 200px 0 0 ;
    padding:100px;
    color: white;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;


}

.help{
    position: relative;
    left: 80px;
}

.logos{
    position: relative;
    left: 42%;
    bottom: 160%;
}