/* FONT */

:root {
	--text-xxl: 30px;
}
/*
@media screen and (max-width: 29.938em) {
	.card__title {
    	font-size: var(--text-xxl)}
}
*/

/* STYLES */


/* header */
@media screen and (max-width: 47.938em) {
	.header{
		width: auto;
		margin: auto 0}
}
@media screen and (max-width: 29.938em) {
	.header{
		margin-bottom: 1em}
}

/* UTIL */

.padded{
	margin: 0 !important}
.padded--reduced{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important}
@media screen and (max-width: 22.5em) {
	.padded{
		padding: 0.625rem}
}
@media screen and (min-width: 22.5em) and (max-width: 29.938em) {
	.padded{
		padding: 1.25rem}
}