/* HEADER */
.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: clamp(60px, 14vw, 280px);
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	background-size: cover; /* KEY FIX */
	background-position: left center;
	background-color: #fff;
	z-index: 1000;
	transition: all 0.4s ease;
}
@media (min-width: 2100px) {
	.header {
		background-position: right center;
	}
}

/* SHRINK EFFECT */
.header.shrink img {
	height: 90px;
}

span#report, span#logout, span#account, span#survey { font-weight: 600; font-size: 0.95em; cursor: pointer; }
.card-header { font-size: 1.4em !important; font-weight: 500; }
.col-12 { text-align: left !important; }
.row { margin-top:10px !important; margin-bottom:5px !important; } 

/* FOOTER */
.footer img {
	width: 100%;
	height: clamp(120px, 18vw, 300px);
	object-fit: cover;
}
.footer {
	background-image: url('../images/footer.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	width: 100%;
	height: clamp(60px, 14vw, 280px);
}