html {
  font-size: 16px;
  scroll-behavior: smooth;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}

header {
	position: absolute;
	top:12px;
	right:30px;
}

header a:link, a:visited, a:active {
    color: #2a2a2a;
    font-family: arial, sans-serif;
    font-size:12px;
    text-decoration:none;
	margin-right:5px;
	margin-left:5px;
	position:relative;
}

header a:hover {
	text-decoration:underline;
}

#products {
	margin-right:8px;
	margin-left:8px;
}

#bell {
	margin-right:10px;
	margin-left:8px;
}

#share {
	margin-right:10px;
	margin-left:10px;
}

#Merijn {
	border-radius:50%;
}

div {
	display:block;
	margin: auto;
	text-align:center;
	padding-top: 14%;
}

div img {
	width: 270px;
	height: 108px;
	margin:5px;
}

.search {
	width: 570px;
	height: 28px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-radius: 25px;
	padding: 20px;
	padding-right: 30px;
	padding-left: 30px;
	font: 16px arial, sans-serif;
	text-indent:5px;
	box-shadow: 0 2px 6px 0 rgba(34, 34, 34, 0.2), 0 6px 20px 0 rgba(34, 34, 34, 0.19);
	background: 
	url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="gray"><path d="M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-4.23 6.5 6.5 0 10-6.5 6.5 6.471 6.471 0 004.23-1.48l.27.28v.79l4.99 4.98 1.49-1.49-4.99-4.98zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5z"/></svg>') 
	no-repeat 10px center; /* Left search icon */
	background-size: 18px 18px, 14px 19px;
	}

.main {
	height: 98vh;
}

.button {
	border: 1px solid #ffffff;
	background: #f3f3f3;
	color:#7e7e7e;
	margin-left:4px;
	margin-right:4px;
	margin-top: 15px;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
	border-radius:2px;
}

.button:hover {
	color: #454545;
	border: 1px solid #bdbdbd;
}

.search:hover {
	border:1px solid #aaaaaa;
}

footer {
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	background:#f3f3f3;
	padding-top:22px;
	border-top: 1px solid #e9e9e9;
}

footer a:link, a:visited, a:active {
	color: #696969;
	font-family: arial, sans-serif;
	font-size:12px;
	text-decoration:none;
    }
    
footer a:hover {
	text-decoration:underline;
}
	
.leftlinks {
	position: relative;
	bottom:12px;
	left:18px;
	padding-right:15px;
	padding-left:15px;
}

.rightlinks {
	position: relative;
	bottom:9px;
	float:right;
	right:18px;
	padding-right:15px;
	padding-left:15px;
}
	
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
	
.container {
	display: flex;
	justify-content: space-between;
  }
  
  .row {
	display: flex;
	width: 100%;
  }
  
  .col-md-4 {
	flex: 1; /* Makes each column take equal space */
	display: flex;
	flex-direction: column;
  }
  
  .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  }
  
  .header, .links, .section {
	margin-bottom: 20px;
  }
  
  .spacer {
	flex-grow: 1; /* Ensures the columns grow equally */
  }
  
  .links .text a:focus {
	font-family: 'Open Sans', Arial; 
	font-weight: 700; 
	font-size: 16;
	text-decoration: underline;
	transform: 0px 0px 0px 0px;
	  }