@import url(fonts/Koerber-Regular.ttf);
@import url(fonts/Koerber-Bold.ttf);
@import url(fonts/Koerber-Light.ttf);
@import url(fonts/Koerber-Semibold.ttf);

body {
	font-family: Koerber-Regular.ttf !important;
	max-width: 100%;
	
}


header {
	background: #000000;
	height: 64px;
	color: white;
	border-top: 4px solid #0060FF;
	font-size: 15px;
}

.logo-koerber{
	padding: 0 1pc;
    height: 2pc;
}

.hatter{
	background-image: url("img/myPortal_startscreen_crop_1920x1560px.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(100vh - 84px); 
}

main .container-fluid{
	padding:0;
	margin: unset;
	max-height:contain;
}

	main .container-fluid .row{
		margin: unset;
	}

		main .container-fluid .col-md-4 {
			background-color: #FFFFFF;
			height: calc(100vh - 84px);
		}
		
		main .container-fluid .col-md-4 .card-title{
			min-height: 170px;
			color: #262523;
			display: flex;
			justify-content: left;
			align-items: left;
			padding: 0 70px;
		}
		
		main .container-fluid  .col-md-4 .card-item{
			display: flex;
			justify-content: left;
			align-items: left;
			padding: 0 70px;
		}	 

footer{
    background-color: #262523;
    color: #FFFFFF;
	height: 64px;
	color: white;
}

	footer .row{
		margin: 5px 0;
		vertical-align: middle;	
	}
	
		footer .row p{
			margin: 5px 0;
			vertical-align: middle;	
			font-size: 15px;
		}