html, body, * { padding: 0; margin: 0; }
html, body { min-height: 100%; background-color: var(--white); }
ul, ol { list-style: none; }
a { text-decoration: none; }
:root {
  --black: #010203;
  --white: #fcfdfe;
  --petrol-blue: #05293e;
  --gold: #ffd700;
}
@font-face {
	font-family: PlayFair;
	src: url("../../../static/font/PlayfairDisplay-Regular.woff2") format("woff2");
	font-family: Merriweather;
	src: url("../../../static/font/Merriweather_36pt-Regular.woff2") format("woff2");
	font-family: MontSerrat;
	src: url("../../../static/font/Montserrat-Regular.woff2") format("woff2");
}
header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 0 1em 0;
}
header .col-md {
	display: flex;
	flex-direction: column;
	width: clamp(24rem, 48vw, 64rem);
	height: 100%;
	align-items: center;
}
header .col-sm {
	display: flex;
	flex-direction: column;
	width: clamp(8rem, 12vw, 32rem);
	height: 100%;
	align-items: center;
}
header img.logo{
	width: 100%;
	height: clamp(2.4rem, 6vw, 5rem);
}
header img.icon{
	width: 100%;
	height: clamp(1.8rem, 3vw, 6rem);
}
.content {
	display: flex;
	flex-direction: column;
	background-color: var(--white);
	justify-content: center;
	align-items: center;
	padding: 0 0 1em 0;
}
footer {
	display: flex;
	background-color: var(--petrol-blue);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 0 1em 0;
	width: 100%;
	height: 100%;
}
.row-lg {
	display: flex;
	width: clamp(24rem, 64vw, 82rem);
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0.5em 0;
}
.row-lg .col-lg {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	width: 100%;
}
.content .col-md {
	display: flex;
	flex-direction: column;
	width: clamp(20rem, 42vw, 64rem);
	height: 100%;
}
.content .col-sm{
	display: flex;
	flex-direction: column;
	width: clamp(16rem, 18vw, 32rem);
	min-height: 100%;
	height: 100%;
	align-items: space-evenly;
	justify-content: space-evenly;
	overflow: hidden;
}
footer .col-md {
	display: flex;
	flex-direction: column;
	width: clamp(20rem, 32vw, 64rem);
	height: 100%;
}
footer .col-sm{
	display: flex;
	flex-direction: column;
	width: clamp(16rem, 18vw, 32rem);
	min-height: 100%;
	height: 100%;
	align-items: space-evenly;
	justify-content: space-evenly;
	overflow: hidden;
}
picture{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	overflow: hidden;
}
.content .col-sm img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
footer img{
	height: 100%;
	object-fit: cover;
}
h1 {
  color: var(--black);
  font-family: Merriweather, sans-serif;
  font-size: clamp(1.1rem, 3vw, 5.4rem);
  letter-spacing: 0.01em;
}
h2 {
  color: var(--black);
  font-family: PlayFair, serif;
  font-size: clamp(1.2rem, 3.6vw, 4.2rem);
  letter-spacing: 0.01em;
}
h3 {
  color: var(--black);
  font-family: Merriweather, sans-serif;
  font-size: clamp(1rem, 2.8vw, 3.8rem);
  letter-spacing: 0.03em;
}
p {
  color: var(--black);
  font-family: MontSerrat, sans-serif;
  font-size: clamp(1rem, 1.8vw, 2.6rem);
  letter-spacing: 0.12em;
  margin: 1em 0;
}