@charset "utf-8";

body {
	font-family: "Open Sans";
	margin: 0px;
	padding: 0px;
}

header {
	width: 100%;
	margin: auto;
	padding: 25px 0;
	text-align: center;
	background-color: #efefef;
}

header > a > img {
	width: 33%; 
	margin: auto;
}

.content {
	background-color: #efefef;
	width: 100%;
	margin: auto 50%;
}

.flex-content {
	display: flex;
	flex-direction: row;

}

.flex-content > div {
	padding: 20px 0px;
	font-size: 18px;
	width: 33%;
	min-height: 150px;
	margin: 20px 0px 0px 0px;
	text-align: center;
}
figure {
	margin: 0px;
	padding: 0px;
}

figure > img {
	max-width: 100%;
}

figcaption {
	padding: 15px 0px; }

#empleats {
	border-right: 1px solid #444;
}

#intranet {
	border-right: 1px solid #444;
}

@media screen and (max-width: 960px){
	
	header > img {
		width: 100%; 
		margin: auto;
}
	.flex-content {
		flex-direction: column;
	}
	
	.flex-content > div {
		font-size: 18px;
		width: 100%;
		min-height: 150px;
		margin: auto;
		text-align: center;
	}
	
	figcaption {
		padding: 5px 0px; }
		
	#empleats {
		border-right: 0px;
	}

	#intranet {
		border-right: 0px;
	}
}