@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; box-sizing: border-box; line-height: 1.75; letter-spacing: 0.03em;}
@media screen and (max-width: 530px) { 
	* { font-size: 14px;}
}

body { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 100%; background: #F2F2F2;}

@media screen and (max-height: 675px) {
	body { position: relative; top: inherit; transform: inherit; left: inherit;}
}
@media screen and (max-width: 768px) {
	body { position: relative; top: inherit; transform: inherit; left: inherit;}
}

header,
main { width: 100%; max-width: 1200px; margin: 0 auto;}

header h1 { text-align: center; color: #fff; background: #2EAFC4; font-size: 34px;  padding: 1em; line-height: 1.35;}
header h1 br { display: none;}
@media screen and (max-width: 768px) { 
	header h1 br { display: block;}
}
@media screen and (max-width: 530px) { 
	header h1 { font-size: 20px;}
}

main { display: grid; gap: 35px; grid-template-columns: auto auto; grid-template-rows: auto auto auto 1fr; padding: 40px 35px; background: #fff;}
@media screen and (max-width: 768px) { 
	main { display: flex; flex-wrap: wrap;}
}

main img { grid-column: 1/2; grid-row: 1/5; width: 100%;}
@media screen and (min-width: 769px) {
	main img { max-width: 470px;}
}
@media screen and (max-width: 768px) { 
	main img { margin: 0 auto;}
}

main h2 { font-size: 24px; line-height: 1.5;}
@media screen and (min-width: 769px) {
	main h2 { max-width: 625px;}
}
@media screen and (max-width: 530px) { 
	main h2 { font-size: 18px;}
}

main h3 { background: #97C956; color: #fff; font-size: 18px; padding: 0.25em 1em; width: fit-content;}
@media screen and (max-width: 530px) { 
	main h3 { font-size: 16px;}
}

@media screen and (min-width: 769px) {
	main p { max-width: 625px;}
}

main #address { font-style: normal; text-align: right; width: 100%;}
@media screen and (min-width: 769px) {
	main #address { max-width: 625px;}
}
main #address h4 { font-size: 18px; margin-bottom: 0.25em;}
@media screen and (max-width: 530px) { 
	main h4 { font-size: 16px;}
}