body{
	margin: 40px;
	margin-bottom: 0px;
}



.layout{
	display: grid;
	grid-template-rows: 40px auto;
	grid-template-columns: 100%;
}

.headerlogo{
	height: 20px;
	float: left;
}

.list_view{
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto;
	grid-gap: 50px;
}

.herotext{
	grid-column: 2/3;
	grid-row: 1/2;
}

.listitem{
	height: 100%;
	position: relative;
}

.listimg{
	object-fit: cover;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.listtitle{
	position: absolute;
	z-index: 10;
  	bottom: 8px;
  	right: 0px;
  	background-color: white;
  	padding-left: 10px;
}

@media screen and (max-width: 950px){

body{
	margin: 3px;
	margin-bottom: 0px;
}

.headerlogo{
	padding-top: 11px;
}

.list_view{
	margin-top: 40px;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
	grid-gap: 50px;
}

.listitem{
	height: 300px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.listimg{
	object-fit: cover;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.listtitle{
	position: absolute;
	z-index: 10;
  	bottom: 8px;
  	right: 0px;
  	background-color: white;
  	padding-left: 10px;
}

.listtile h3{
	font-size: 10pt;
}

.herotext{
	grid-column: 1/2;
	grid-row: 1/2;
}

}