@media all and (max-width: 640px) {
	html, body { scrollbar-width: none;  touch-action:manipulation; }
}
@media all and (min-width: 641px) {
	html, body { touch-action:manipulation; }
}
html, body, * { padding: 0; margin: 0;}
html, body{
	min-height: 100%;
	background-color: var(--clear-pink);
}
ul, ol { list-style:none; }
a { text-decoration: none; }
:root {
	--black: #010203;
	--white: #f5eef0;
	--dark-green: #1e403f;
	--medium-yellow: #db8c23;
	--light-yellow: #f9ead7;
	--orange: #ffac3d;
}
.header {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: var(--dark-green);
	padding: 1em 0;
	margin: 0 0 2em 0;
}
.header .row-lg{
	display: flex;
	width: clamp(18rem, 64vw, 82rem);
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
}
.header .row-lg .col-sm{
	display: flex;
	width: clamp(6rem, 8vw, 24rem);
}
.header .row-lg .col-md{
	display: flex;
	width: clamp(24rem, 48vw, 72rem);
	flex-direction: column;
}
.header .row-lg .col-md .row{
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	margin: 0.5em 0;
}
.header .row-lg img{
	height: 100%;
}
.header .row-lg .row img{
	width: 100%;
	height: clamp(2rem, 4vw, 6rem);
}
.header .row-lg .row a{
	line-height: 0;
}
.content{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.content .row-lg{
	display: flex;
	justify-content: center;
	padding: 0 0 1em 0;
}
.content .topic{
	display: flex;
	width: clamp(18rem, 64vw, 82rem);
	justify-content: space-between;
	align-items: center;
}
.content .col-sm{
	width: clamp(12rem, 18vw, 26rem);
	height: 100%;
	overflow: hidden;
	flex-direction: column;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.content .col-md{
	width: clamp(14rem, 42vw, 68rem);
	margin: 0 0.4em;
}
.content picture, .content img{
	display: flex;
	margin: 0.2em;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
footer{
	margin: 1em 0 0 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	background-color: var(--dark-pink);
}
footer .row-lg{
	margin: 2em 0;
	display: flex;
	width: clamp(18rem, 64vw, 82rem);
	height: 100%;
	justify-content: space-between;
}
footer .col-sm{
	display: flex;
	width: clamp(8rem, 28vw, 36rem);
}
footer .col-md{
	width: clamp(8rem, 62vw, 68rem);
	height: 100%;
	display: flex;
	flex-direction: column;
	margin: 0 0 0 1em;
}
footer .row-icons{
	display: flex;
	width: 100%;
	height: clamp(8rem, 10vw, 18rem);
	justify-content: space-evenly;
}
footer .col-sm picture, footer .col-sm img{
	display: flex;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
footer .row-icons a { line-height: 0 }
footer .row-icons img{
	width: 100%;
	height: clamp(2rem, 4vw, 6rem);
}
@font-face {
  font-family: MontSerrat-ExtraLight;
  src: url('../../font/Montserrat-ExtraLight.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: MontSerrat-Light;
  src: url('../../font/Montserrat-Light.woff2') format('woff2');
  font-display: swap;
}
h1{
	color: var(--orange);
	font-family: MontSerrat-Light, sans-serif;
	font-size: clamp(1.6rem, 4.2vw, 5.2rem);
}
h2{
	color: var(--orange);
	font-family: MontSerrat-ExtraLight, sans-serif;
	font-size: clamp(1.4rem, 4vw, 4.8rem); 
	letter-spacing: 0.03em;
}
p{
	color: var(--orange);
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: clamp(0.9rem, 1.8vw, 2.8rem); 
	line-height: 1.4em;
	letter-spacing: 0.12em;
	margin: 0.8em 0;
}
footer h2{
	color: var(--orange);
	font-family: MontSerrat-ExtraLight, sans-serif;
	font-size: clamp(1.4rem, 3.8vw, 4.6rem); 
	letter-spacing: 0.03em;
	text-align: center;
}
footer h3{
	color: var(--orange);
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: clamp(1.1rem, 1.8vw, 2.2rem);
	line-height: 1.3em;
	letter-spacing: 0.12em;
	margin: 0.8em 0;
}
footer p{
	color: var(--orange);
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: clamp(0.8rem, 1.8vw, 2rem); 
	letter-spacing: 0.1em;
	margin: 0.4em 0;
}
footer a{
	color: var(--orange);
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: clamp(1.2rem, 1.8vw, 2.2rem); 
	letter-spacing: 0.1em;
	margin: 0.4em 0;
}