.bestel-dag-broer-button{
background-color:rgb(10, 50, 59);
border:none;
height:184px;
width:148px;
border-radius:0px;
cursor:pointer;
}

.dag-broer-tekst{
font-family: 'Inter', sans-serif;
color:rgb(255, 255, 255);
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 32px;
text-align: left;
display:block;
margin-left:8px;
margin-top:14px;
}

.dag-broer-verzend{
color:rgb(255, 255, 255);
}

.dag-broer-verzend{
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 30px;
display:block;
margin-top:-5px; 
margin-left:-2px;
}

.bestel-dag-broer-button:hover{
background-color: rgba(18, 138, 109, 0.40);
}

.dag-broer-rechthoek{
background-color:rgba(10, 50, 59,0.45);
border:none;
height:184px;
width:148px;
border-radius:0px;
cursor:pointer;
display:block;
margin-left:3px;
margin-top:-158px;
}

.dag-broer-rechthoek:hover{
background-color:rgba(18, 138, 109,0.20)
}

.dag-broer-rechthoek,
.dag-broer-verzend,
.dag-broer-tekst,
.bestel-dag-broer-button{
transition:0.25s; 
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}


.titel{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 40px;
line-height: 42px;
text-align: right;
color: rgba(18, 138, 109, 0.55);
margin-top:-6px;
margin-bottom:0px;
margin-left:70px;
width:135px;
}

.platte-tekst{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
color:rgb(48, 81, 90);
margin-left:0px;
margin-top:39px;
margin-bottom:0px;
text-align:left;
width:330px;
}


.voetnoot{
font-family: 'Inter', sans-serif;
color:rgb(48, 81, 90);
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
margin-left:0px;
margin-top:2px;
margin-bottom:0px;
text-align:left;
}

.foto-info{
font-family: 'Inter', sans-serif;
color:rgb(48, 81, 90);
font-weight: 400;
font-size: 13px;
line-height: 25px;
margin-left:0px;
margin-top:-11px;
text-align:left;
float: left;
width:120px;
}

.pijl-links{
border:none;
background-color:rgb(255,255,255);
width:36px;
height:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-top:26px;
margin-left:191px;
padding-top:2px;
}

.pijl-links:hover{
	background-color:rgba(18, 138, 109,0.40);
}

.pijl-rechts{
border:none;
background-color:rgb(255,255,255);
width:36px;
height:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-top:26px;
margin-left:78px;
padding-top:2px;
}

.pijl-rechts:hover{
background-color:rgba(18, 138, 109,0.40);
}

.db-instagram-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-left:160px;
margin-top:150px;

 }

.db-linkedin-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-left:28px;
margin-right:28px;
margin-top:150px;

}

.db-vimeo-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-left:0px;
margin-top:150px;

 }

.db-linkedin-button:hover,
.db-vimeo-button:hover,
.db-instagram-button:hover{
background-color:rgba(18, 138, 109,0.40);
}

.db-copyright{
background-color:rgb(255, 255, 255);
font-family: 'Inter', sans-serif;
color:rgb(10, 50, 59);
font-style: normal;
font-weight: 400;
font-size: 14px;
margin-top:155px;
margin-left:-208px;
}

.dag-broer-container{
height: 573px;
margin-top: 0px;
display: grid;
grid-template-columns: 1fr 30px 771px 340px 1fr;
column-gap: 25px;
}

.btn-dag-broer{
margin-left:82px; 
margin-top:50px;
}

nav.mobiel-menu,
.mobiel-menu-container{
  display:none;
}

.db-mobiel{
display:none;
}



@media (hover: hover) {
  a:hover {
   
.pijl-rechts:hover
  background-color:rgba(18, 138, 109,0.40);

.pijl-links:hover
  background-color:rgba(18, 138, 109,0.40);

.db-linkedin-button:hover
background-color:rgba(18, 138, 109,0.40);

.db-vimeo-button:hover
background-color:rgba(18, 138, 109,0.40);

.db-instagram-button:hover
background-color:rgba(18, 138, 109,0.40);

.bestel-dag-broer-button:hover
background-color: rgba(18, 138, 109, 0.40);

.dag-broer-rechthoek:hover
background-color:rgba(18, 138, 109,0.20)

  }
}


@media (max-width: 1180px) {
.dag-broer-container{
height: auto;
margin-top: 0px;
display: grid;
grid-template-columns: 1fr 10px 500px 282px 1fr;
column-gap: 0px;
justify-content:center;
}

.dagbroer-images{
width:500px;
height:auto;
}

.titel{
font-size:36px;
margin-left:60px;
}

.platte-tekst{
font-size: 14px;
margin-left:25px;
width:272px;
}

.voetnoot{
margin-left:25px;
}

.foto-info{
margin-top:-210px;
}

.db-copyright{
width:138px;
margin-left:0px;
margin-top:95px;
}

.pijl-links{
margin-top:-162px;
margin-left:173px;
}

.pijl-rechts{
margin-top:-162px;
margin-left:284px;
}

.db-instagram-button{
margin-left:72px;
margin-top:80px;
}

.db-linkedin-button,
.db-vimeo-button{
margin-top:80px;  
}



@media (max-width: 590px) {
#db-images-mobiel{
width:348px;
height:auto;
margin-top:0px;
}

.db-mobiel{
display: grid;
}

.header,
.werk-button,
.boeken-button,
.cv-button,
.contact-button,
.dropdown-menu,
.foto-info,
.pijl-links,
.pijl-rechts,
.db-img-box{
display:none;
}

.dag-broer-container{
margin-top: 0px;
display: grid;
grid-template-columns: 1fr;
row-gap: 30px;
justify-items:center;
}

.btn-dag-broer{
margin-left:87px; 
}

.db-copyright{
display:grid;
justify-items:center;
margin-right:0px;
margin-left:0px;
margin-bottom:100px;
font-size: 17px;
width:180px;
margin-top:-126px;
}

.titel{
margin-top:12px;
margin-left:72px;
}

.platte-tekst{
margin-left:0px;
width:325px;
}

.voetnoot{
margin-left:0px;
}

.db-instagram-button{
margin-left:2px;
margin-top:-68px;
width:40px;
height:40px;
border-radius:20px;
}

.db-linkedin-button{
margin-left:69px;
margin-top:-68px;
width:40px;
height:40px;
border-radius:20px;
}

.db-vimeo-button{
margin-left:136px;
margin-top:-68px;
margin-bottom:150px;
width:40px;
height:40px;
border-radius:20px;
}