@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400;
	src: url('./font/CormorantGaramond-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 500;
	src: url('./font/CormorantGaramond-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 600;
	src: url('./font/CormorantGaramond-SemiBold.ttf') format('truetype');
}

html {
	height: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
}

body {
	font-size: 24px;
	line-height: 40px;
	font-family: "Cormorant Garamond", serif;
	margin: 40px auto;
	font-weight: 400;
	background-color: rgb(245, 245, 245);
	color: rgb(50, 50, 50);
}

h1, h2, h3 {
	font-weight: 600;
	text-align: center;
	padding: 0;
}

h1 {
	font-size: 60px;
	line-height: 72px;
	margin: 64px 0 16px;
}

h2 {
	font-size: 40px;
	line-height: 56px;
	margin: 0 0 48px;
	font-weight: 400;
}

h3 {
	font-size: 28px;
	line-height: 44px;
	margin: 0 0 32px;
}

p {
	margin: 0 0 16px;
}

div {
	margin:0 0 30px;
}

a {
	text-decoration:none;
	color: inherit;
	transition: color .25s;
}
a:hover {
	color: rgb(255, 10, 80);
}

div.text {
	width:720px;
	margin:0 auto;
	text-align: left;
	padding: 0 0 50px;
}

.imgs {
	margin:0 32px 48px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}

.imgs img {
	height: 400px;
}

@media (max-width: 700px){
	h1 {
		font-size:30px;
		line-height:36px;
		margin:0 30px;
	}
	div.text {
		width:auto;
		margin:0 30px;
		text-align: justify;
	}
}

@media (max-width: 450px){
	h1 {
		font-size:21px;
		line-height:28px;
		margin:0 20px;
	}
}