@supports(object-fit: cover){
    .card img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}
.card img{
  width: 70%;
  height: auto;
}
.klein {
  width: 70%;
  max-width:200px;
  height: auto;
  margin-left: 50px;
}

body {
	background-color:  #efddc4;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 18px;
}
@media screen and (max-width: 600px) {
  #hellamenu li { 
  	width:30%;
  	 }
 .sti { 
 	margin-top:0px;  
 	width:30%;
 	}
 	#hellamenu {
 		width:30%;
 	 }
 	 .nav {
	width:30%;	
	}
	.mini {
		top:50px;
	}
	.card {
width:100%;
margin-bottom:100px;
	}
	.puntjes{
margin-left: 5px;
}
.article1 {
	position: relative;
	display: inline-flex;
	margin-left: 30px;
	margin-right: 30px;
margin-bottom: 30px;

}
.container{
width:100%;	
}

.linkje{margin-left: 20px;
}
.ambiico{
	
	height:70px;
}
}

@media screen and (min-width: 600px) {
	
  #hellamenu li { 
  	width:20%; 
  }
 .sti { 
 	margin-top:50px;
	width:20%;
   }
   .nav {
	width:100%;	
		}
.navbar-hella {
width:100%;
}
.ic {
background-image:url("../img/logo1.png");
background-size: 80px;
background-repeat: no-repeat;
background-position: right;	

}
.card {
	width:80%;

}
.puntjes{
margin-left: 50px;
}
.article1 {
	position: relative;
	display: inline-flex;
	margin-left: 80px;
	margin-right: 50px;
margin-bottom: 50px;
}
.container{
width:80%;	
}
.linkje{
margin-left: 120px;
}
.logo2 {
margin-left: 250px;
margin-top: 25px;
margin-bottom: 50px;

}
.ambiico{
	
	height:75px;
}
}
@media screen and (min-width: 800px) {
.logo2 {
margin-left: 350px;
margin-top: 25px;
margin-bottom: 60px;

}	
.ambiico{
	
	height:85px;
}
}
#hellamenu li {
	list-style: none;
	text-decoration: none;
	border-color: #d8c09e;
	border-width:1px;
	box-shadow: 2px 2px #a69271,inset 15px 0 6px -6px #a69271;
	/*border-radius:60% 60% 60% 60%;
	margin: 10px;width:20%;*/
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.ham{color:#efddc4 ;
	
	background-color:#a18762;
	border-width:1px;
	box-shadow: 2px 2px #a69271,inset 15px 0 6px -6px #a69271;
	height:50px;
	width:50px;
}

}
#hellamenu li.active {
box-shadow:none;
border:none;
font-size: xx-large;
background-color:  #efddc4;
}
#hellamenu li a {
	/*margin-top: 20px;
	padding:18px;*/

	box-shadow:inset 2px 2px #a69271,inset -4px 1px 0px 0 #a69271;
	text-decoration: none;
	color: #354226;
	font-size: large;
background-color: #f7e1c3;
	border-width:1px;
	border-radius: 0% 45% 0% 0%;
}
#hellamenu a:hover{
	background-color: #a69271;
	color: white;
}
#hellamenu li:hover{
	background-color:#e2d3bf;
}
#hellamenu {
	list-style-type: none;
	margin-top: 0;
	padding-top: 0;
	width:100%;
	text-decoration: none;
	
	position:absolute-top;
	
}
.sti {
	background-color: #ccbca3;
	
	border-radius: 0% 45% 0% 0%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.sti:hover {
	box-shadow: 0  16px 0 rgba(0,0,0,0.2);
}
.logo1{

	box-shadow:offset 2px 2px #AB3063;
	border-width:2px;
	border-radius: 60% 60% 60% 60%;
	width:75px;
}
.icon {
	width:130px;
	height:auto;
	border-width:2px;
	box-shadow: inset 2px 2px #888888,inset 15px 0 15px -15px #888888;
	border-radius:60% 60% 60% 60%;
}


/*navigation menu*/
/*main*/
.sidemenu li a{
	margin-top: 20px;
	padding:18px;
	box-shadow: 2px 2px #888888;
	text-decoration: none;
	border-color: #fcf7ea;
	border-width:2px;
	border: #64706c;
	border-radius: 60% 60% 60% 60%;
	width:150px;
}
.sidemenu li {
	border-color: #fcf7ea;
	border-width:2px;
	border-radius: 60% 60% 60% 60%;
	margin: 10px;
	padding-top: 20px;
	margin-top: 30px;
	list-style: none;
	text-decoration: none;
	width:200px;
	/*box-shadow:inset 1px 1px #888888;box-shadow:outset 1px 1px #ff8c72;*/
}
.sidemenu{
	height:100%;
	list-style: none;
	position: absolute;
	width:20%;
	left: 0;
}
.sidemenu a:hover{
	background-color: antiquewhite;
	color: grey;
}
.sidemenu li:hover{
	background-color: bisque;
	color: grey;
}
.bold{font-weight: bold;}



main {
	height: auto;
	padding-top: 150px;
}
h2{
	color: #ea9f09
}
h3{
	color: #919191;
}
h4{ color:#a18762; }
.navbar-hella {
	background-color:#e2d3bf;

}


.mini {
	background-image:url("../img/helladibuj0.png");
	background-size: cover;
	width: 100px;
	height:150PX;
	display:inline-flex;
	position: absolute;
left:10px;right: 10px;
}
.mini2 {
	background-image:url("../img/logo.png");
	background-size: cover;
	width: 150px;
	height:112px;
	display:inline-flex;
}
ul, menu, dir {
	list-style-type: none;
}


.card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
padding-top: 30px;
background-color: #efddc4;
		margin: auto;
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.gedicht {
	font-family: 'Dekko', cursive;
	padding-bottom:50px;

}
.kopje{
	text-align: center;
}
.kopje1{
	margin-left: 30px;
}
.kopje2{
	margin-left: 30px;
}
.nogniet{
	display: none; 
}
.centraal{
	margin:10px auto;
	display:block;
	  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
/*footer*/
footer {
	width: 100%;
	background-color:#e2d3bf;
	position: fixed;
	bottom: 0;
	left:0;
	font-size: x-small;
	max-height: 125px;
	text-decoration: none;
	list-style-type: none;
display:inline-flex;}

.links{
	margin-top: 20px;

}
.linksonder li {
	width:100%;
	text-decoration: none;
	list-style-type: none;
}
.rechtsonder li {
	margin-bottom: 20px;
	width:100%;
	margin-right: 10px;
	padding-right: 20px;
	list-style-type: none;
}


.foet{
	display:inline-block;
}
.centraal{
	padding-bottom: 150px;
}
.balansfoto{
	width: 100%;
		margin: auto;
}