.index-containers{
margin-top: 0px;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap: 25px;
}

.footer{
justify-content: center;
float:left;
display:flex;
}

.home-instagram-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-top:95px;
margin-left:752px;
 }

.home-instagram-button:hover{
background-color:rgb(18, 138, 109);
opacity: 0.40;
}

.home-linkedin-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-left:27px;
margin-right:27px;
margin-top:95px;
 }

.home-linkedin-button:hover{
background-color:rgb(18, 138, 109);
opacity: 0.40;
}

.home-vimeo-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-top:95px;
margin-right:46px;
 }

.home-vimeo-button:hover{
background-color:rgb(18, 138, 109);
opacity: 0.40;
}

.home-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:95px;
margin-left:154px;
width:140px;
}

.useful-photography{
	width:430px;
	height:573px;
	justify-self:end;	
}

.useful-photography-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
  background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.useful-photography-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.useful-photography:hover .useful-photography-overlay{
 opacity:1;
}

.het-nieuwe-goud{
	width:430px;
	height:573px;
	justify-self:start;
}

.het-nieuwe-goud-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.het-nieuwe-goud-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-39%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.het-nieuwe-goud:hover .het-nieuwe-goud-overlay{
 opacity:1;
}

.me-and-my-phone{
	width:430px;
	height:573px;
	justify-self:end;	
}

.me-and-my-phone-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.me-and-my-phone-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-40%,-50%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.me-and-my-phone:hover .me-and-my-phone-overlay{
 opacity:1;
}

.de-tantes{
	width:573px;
	height:573px;
	justify-self:start;	
}

.de-tantes-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.de-tantes-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-18%,-22%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.de-tantes:hover .de-tantes-overlay{
 opacity:1;
}

.ome-jan{
	width:573px;
	height:573px;
	justify-self:end;
}

.ome-jan-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.ome-jan-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-18%,-37%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.ome-jan:hover .ome-jan-overlay{
 opacity:1;
}

.bestel-boek{
	width:461px;
	height:573px;
	justify-self:start;
}

.bestel-boek-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:1;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0);
	cursor:pointer;
}

.bestel-boek-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:rgb(255, 255, 255,);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 80px;
	line-height: 97px;
	text-align: center;
	margin-top:-52px;
	margin-bottom:0px;
	width:361px;
}

.verzend{
font-size: 20px;
font-weight: 400;
line-height: 22px;
text-align: center;
margin-top:-75px;
margin-bottom:0px;
}

.bestel-boek:hover .bestel-boek-overlay{
 opacity:1;
 background:rgba(18, 138, 109,0.55);
}

.verzend a,
.bestel-boek-content a{
text-decoration: none;
color:rgb(255, 255, 255);
}

.verzend a:before,
.bestel-boek-content a:before{
color:rgb(255, 255, 255);
text-decoration: none;
display: inline-block;
}

.mijn-zusje{
	width:460px;
	height:573px;
	justify-self:end;
}

.mijn-zusje-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.mijn-zusje-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-23%,-30%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.mijn-zusje:hover .mijn-zusje-overlay{
 opacity:1;
}

.trouwe-dienst{
	width:461px;
	height:573px;
	justify-self:start;
}

.trouwe-dienst-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.trouwe-dienst-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-42%,-30%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.trouwe-dienst:hover .trouwe-dienst-overlay{
 opacity:1;
}

.stille-kamers{
	width:460px;
	height:573px;
	justify-self:end;
}

.stille-kamers-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.stille-kamers-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-43%,-30%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.stille-kamers:hover .stille-kamers-overlay{
 opacity:1;
}

.dag-broer{
	width:462px;
	height:573px;
	justify-self:start;
}

.dag-broer-overlay{
	position:absolute;
	top:0;
	left:0;
	right:2px;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.dag-broer-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-24%,-30%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 96px;
	line-height: 116px;
	text-align: right;
}

.dag-broer:hover .dag-broer-overlay{
 opacity:1;
}

.hart-voor-de-zaak{
	width:461px;
	height:573px;
	justify-self:end;
}

.hart-voor-de-zaak-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.hart-voor-de-zaak-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-22%,-53%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 80px;
	line-height: 97px;
	text-align: right;
}

.hart-voor-de-zaak:hover .hart-voor-de-zaak-overlay{
 opacity:1;
}

.protheses{
	width:573px;
	height:573px;
	justify-self:start;
}

.protheses-overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.25s ease-in-out;
    background:rgba(18, 138, 109,0.55);
	cursor:pointer;
}

.protheses-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-43%);
	color:rgb(255, 255, 255);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 80px;
	line-height: 97px;
	text-align: right;
}

.protheses:hover .protheses-overlay{
 opacity:1;
}

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





@media (max-width: 1180px) {
.het-nieuwe-goud-overlay,
.useful-photography-overlay,
.me-and-my-phone-overlay,
.de-tantes-overlay,
.ome-jan-overlay,
.mijn-zusje-overlay,
.trouwe-dienst-overlay,
.stille-kamers-overlay,
.dag-broer-overlay,
.hart-voor-de-zaak-overlay,
.protheses-overlay{
  opacity:1;
  background: none;
}

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

.bestel-boek:hover .bestel-boek-overlay{
 background:none;
}

.index-containers{
margin-top: 0px;
display: grid;
grid-template-columns: 1fr;
column-gap: 0px;
row-gap: 25px;
}

.useful-photography,
.het-nieuwe-goud,
.me-and-my-phone,
.de-tantes,
.ome-jan,
.bestel-boek,
.mijn-zusje,
.trouwe-dienst,
.stille-kamers,
.dag-broer,
.hart-voor-de-zaak,
.protheses{
justify-self:center;
}

.home-instagram-button{
margin-left: 0px;
margin-top:95px;
}

.home-copyright{
margin-top:104px;
margin-left:0px;
margin-right:276px;
}

.home-linkedin-button,
.home-vimeo-button{
margin-top:95px;
margin-bottom:124px;
}

.home-vimeo-button{
margin-right:0px;
margin-bottom:124px;
}


}







@media (max-width: 590px) {
img{
width:348px;
height:auto;
}

.home-instagram-button,
.home-linkedin-button,
.home-vimeo-button,
.header,
.werk-button,
.boeken-button,
.cv-button,
.contact-button,
.dropdown-menu{
display:none;
}

.useful-photography-content,
.het-nieuwe-goud-content,
.me-and-my-phone-content,
.hart-voor-de-zaak-content{
font-size: 74px;
line-height: 87px;
margin-top: 0px;
margin-left:0px;
}

.de-tantes-content{
font-size: 74px;
line-height: 87px;
margin-top: 0px;
margin-left:-54px;	
}

.ome-jan-content{
font-size: 74px;
line-height: 87px;
margin-top: 20px;
margin-left:-40px;		
}

.protheses-content{
font-size: 52px;
line-height: 72px;
margin-top: -20px;
margin-left:0px;	
}

.bestel-boek-content{
font-size: 56px;
line-height: 72px;
margin-top: -10px;
margin-left:0px;
width:300px;	
}

.verzend{
margin-top:8px;
}

.mijn-zusje-content,
.trouwe-dienst-content,
.stille-kamers-content,
.dag-broer-content{
font-size: 74px;
line-height: 87px;
margin-top: 38px;
margin-left:-2px;	
}

.useful-photography{
margin-top:40px;
}

.het-nieuwe-goud-overlay,
.useful-photography-overlay,
.me-and-my-phone-overlay,
.de-tantes-overlay,
.ome-jan-overlay,
.mijn-zusje-overlay,
.trouwe-dienst-overlay,
.stille-kamers-overlay,
.dag-broer-overlay,
.hart-voor-de-zaak-overlay,
.protheses-overlay,
.useful-photography,
.het-nieuwe-goud,
.me-and-my-phone,
.de-tantes,
.ome-jan,
.bestel-boek,
.mijn-zusje,
.trouwe-dienst,
.stille-kamers,
.dag-broer,
.hart-voor-de-zaak,
.protheses{
width:348px;
height:auto;
}

.index-containers{
margin-top: 0px;
display: grid;
grid-template-columns: 1fr;
column-gap: 0px;
row-gap: 30px;
justify-content:center;
}

p{
margin-top:0px;
margin-bottom:0px;	
display:flex;
justify-content:center;
}

.home-copyright{
margin-bottom:100px;
font-size: 17px;
width:180px;
margin-right:0px;
margin-top:54px;
}

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

}