body {
	/* Variables */
	--col-bg1: #F1ECCE;
	--col-tx1: #10242D;
	--col-hg1: #E16036;
	--bor-rad: 0px;
	--bor-all: 0px;
	
	margin: 2em;
	font-family: "Maison Neue", sans-serif;
	font-weight: 400;
	color: var(--col-tx1);
	font-size: 1em;
	background-color: var(--col-bg1);
}

i,b {
	color: var(--col-bg1);
	background-color: var(--col-hg1);
	padding: .125em .25em;
}
b { font-weight: 600; }

a {
	color: var(--col-hg1);
	text-decoration: none;
	font-weight: 600;
}

a::before {
	content: "\ea6f ";
	font-family: "Remixicon";
}

.grid-container-home {
	display: flex; gap: 1em; flex-wrap: wrap;
	width: 100%;
	flex-direction: column;
	margin: auto;
	border-radius: var(--bor-rad);
}

.card-title {
	font-size: 2em;
	font-weight: 600;
	color: var(--col-bg1);
	background-color: var(--col-hg1);
	margin:		calc(-0.5em + 0px);
	padding:	calc(0.5em);
	margin-bottom: .5em;
	width: 100%;
  display: inline-flex;
}

.card {
	background-color: var(--col-bg1);
	border-radius: var(--bor-rad);
	border: var(--bor-all);
	padding: 1em;
}

.cat>.card-title {
	background-color: var(--col-hg1);
	margin-bottom: -0.5em;
	font-weight: 900;
}

.card-text {
	margin: 0em -1em;
	margin-bottom: -1em;
}

@media screen and (max-width: 720px) {

body {
	margin: 1em;
}

}