:root {
	--color-main: rgb(9, 25, 88);
	--color-main-100: rgb(209, 225, 288);
}

body {
	margin: 0;
	color: #333;
	font-family: Roboto, Aria, sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.5;
	overflow-x: hidden;
}

header {
	display: block;
}

footer {
	margin: 30px 0 0 0;
	display: block;
	background-color: #222;
	color: #fff;
	font-size: 0.875rem;
	padding: 1.25rem 0 0;
	/*position:absolute;
	bottom:0;
	width:100%;*/
}

a {
	color: var(--color-main);
}

a:hover {
	color: var(--color-main-100);
	text-decoration: none;
}

footer a {
	color: var(--color-main-100);
}
footer a:hover {
	color: white;
}

h1 {
	margin: 0 0 20px 0;
}

h3 {
	margin-top: 30px;
}

.logoarea {
	margin:  10px 0px 0 0;
	height: 200px;
	padding: 30px 0;
}

.smallmargin {
	margin-bottom: 6px;
}

.nomargin {
	margin: 0;
}

.jmv-card {
	background-color: #F2F2F2;
	border-radius: 1rem;
	overflow: hidden;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
}

.jmv-grid {
	display: grid;
	grid-template-rows: 144px 96px auto auto;
}

.jmv-card p{
	font-size: 1rem;
}

.jmv-card h3{
	font-size: 1.25rem;
	color: var(--color-main)
}

.jmc-card-header {
	background-image: url(/media/jaemacom-bg-scaled.jpg);
	height: 260px;
	background-position: center;
	background-size: cover;
	
}

.jmc-border-top {
	border-top: #69a942 solid .75rem;
}

.sta-card-header {
	background-image: url(/media/Fotolia_27723871_S.jpg);
	height: 260px;
	background-position: top;
	background-size: cover;
	
}

.sta-border-top {
	border-top: #00a19a solid .75rem;
}

.fs-card-header {
	background-image: url(/media/jaema-invest_flowster.jpg);
	height: 260px;
	background-position: top;
	background-size: cover;
	
}

.fs-border-top {
	border-top: #87BA25 solid .75rem;
}

.its-card-header {
	background-image: url(/media/it-structures.jpg);
	height: 260px;
	background-position: top;
	background-size: cover;
	
}

.its-border-top {
	border-top: #00836C solid .75rem;
}

.jmv-card-inner {
	padding-inline: 1rem;
	padding-block: .5rem;
}

.card-logo-area {
	display: flex;
	min-height: 150px;
	justify-content: center;
	align-items: center;
}

.jmv-primary {
	color: var(--color-main);
}

.jmv-bg-primary {
	background-color: var(--color-main);
	color: white;
}

.jmv-bg-primary:hover {
	background-color: var(--color-main);
	color:  rgb(196, 201, 221);
}