body, h1, h2, h3, h4, p {
	margin: 0px;
	font-family: sans-serif;
}
section {
	padding: 80px 0px;
}
section article {
	max-width: 1280px;
	margin: 0 auto;
	display: grid;
	/*grid-template-columns: minmax(300px, 500px) 1fr;*/
	grid-template-columns: auto 1fr;
	/*grid-template-columns: auto auto;*/
	padding: 0 20px;
}
section div {
	max-width: 400px;
	min-width: 250px;
	padding-right: 40px;
}
section h1 {
	font-size: 48px;
	margin-bottom: 23px;
}
section p {
	font-size: 23px;
	line-height: 32px;
	margin-bottom: 19px;
}
section a {
	display: block;
	margin-bottom: 24px;
	font-size: 18px;
}
section span {
	display: block;
	font-size: 16px;
}
section img.mainslide {
	width: 100%;
	height: auto;
	vertical-align: top;
	aspect-ratio:16/9;
	object-fit: cover;
	min-width: 560px;
	transition: all 500ms ease-in-out;
}
section ul {
	display: grid;
	margin: 10px 0 0;
	padding: 0;
	list-style-type: none;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
}
section ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
section ul li img {
	cursor: pointer;
	/*display: block;*/
	vertical-align: top;
	aspect-ratio:1/1;
	object-fit: cover;
	width: 100%;
	height: auto;
	border: 1px solid transparent;
}
section ul li img.active {
	border: 1px solid #000000;
}