html, body { 
	
	/*font: 300 0.95em/1.5 'Libre Franklin';*/
/*	font-size: clamp(1rem, 0.1vw, 1rem);*/
/*	font: 300 clamp(0.95rem, 0.1vw, 2rem)/1.5 'Libre Franklin';*/
	font: 300 clamp(0.8125rem, 1.45vh + 0.05rem, 1.5rem)/1.5 'Libre Franklin';
	padding:0; 
	margin: 0;
}

body { border: #FFF solid 30px; background: #F4F2EC; height: calc(100vh - 60px);}

#container { height: 100%; display: flex; flex-flow: column; }

.main-content { 
	margin: auto;
	display: flex;
	align-content: flex-end;
	transition: 1s;
}

a { color: #cab48f;}
a:hover { text-decoration: none;}



.inside-content { 
	display: flex;
	gap: 1%;
	justify-content: space-between;
}

.inside-content > * {
	flex: 1 1 0;
	min-width: 0;
	padding: 2rem;
	transition: flex-basis 1s ease, flex-grow 1s ease;
}


footer { padding: 10px 50px }

@media screen and (max-width: 1365px) {
	html, body { font-size: 1rem; }

	.inside-content {
		flex-flow: column;
	}
}


@media screen and (max-width: 1280px) {
	
	.inside-content { 
		flex-flow: column;
	}
	
	.inside-content .col-4 { 
		padding: 2% 0;
		border: none;
		border-bottom:  rgba(0,0,0,0.1) solid 1px;

	}
	
	body { height: 100%; border: #FFF solid 50px;}
	
}


@media screen and (max-width: 820px) {
	
	.main-content { 
		height: calc(100vh - 100px);
		width: calc(100vw - 100px);
		padding: 50px;
		margin: auto;
		background: #F4F2EC; 
		display: flex;
		align-content: flex-end;

	}
	
	.col img { width: 100%; height: auto;}
	
}


@media screen and  ( max-height: 760px) {
	
	body { height: 100%; border: #FFF solid 50px;}
}


@media screen and (max-width: 540px) {
	
	body { height: 100%; border: #FFF solid 30px;}
	
	
}