.srv-section
{
	padding:0 5% 0 5%;
}

@media (max-width: 992px) {
	.srv-section { padding:0 10% 0 10%; }
}

@media (max-width: 576px){
    .srv-section { padding:0 15% 0 15%; }
}

/*--- header ---*/

.header {
	margin:0; 
	padding:0;
	background-image:url('images/emt5.jpeg');
	background-size:cover; 
	max-height: 700px;
}

@media (max-width: 992px) {
	.header { max-height: 600px; }
}

@media (max-width: 576px){
    .header { max-height: 500px; }
}

.pghdr-top
{
	height:30%;
	background:#EEEEEE;
}

.overlay {
	position: absolute;
	z-index:10;
	color:#3c0101;
	min-height: 10%;
	min-width: 80%;
	left: 20%;
	top: 20%;
	font-size:14px;
	padding:3%;
}

.overlay-txt
{
	font-size:12px;
	font-family:Aller_It;
}

@media (min-width : 576px)
{
	.overlay { font-size:14px; }
	.overlay-txt { font-size:12px; }
}

@media (min-width : 992px)
{
	.overlay { font-size:20px; }
	.overlay-txt { font-size:15px; }
}

@media (min-width : 1200px)
{
	.overlay { font-size:28px; }
	.overlay-txt { font-size:18px; }
}

@media (max-width: 992px) {
	.overlay { top: 18%; }
}

@media (max-width: 576px){
    .overlay { top: 15%; }
}

.srv-img
{
	padding:0;
	margin:0; 
	width:100%; 
	height:100%;
}

.sec-header
{
	font-size: 18px; font-weight:bold;
}

.card
{
	border : 1px solid #3c0101;
}

.card-title
{
	border-bottom : 1px solid #3c0101;
	font-size:14px;
}

.card-text
{
	font-size:10px;
	font-family:Aller_Rg;
	padding-bottom:2%;
}

@media (min-width : 576px)
{
	.card-text { font-size:10px; }
	.card-title { font-size:14px; }
	.sec-header { font-size:18px; }
}

@media (min-width: 768px) 
{
    .card-text { font-size:11px; }
	.card-title { font-size:16px; }
	.sec-header { font-size:20px; }
}

@media (min-width : 992px)
{
	.card-text { font-size:12px; }
	.card-title { font-size:18px; }
	.sec-header { font-size:22px; }
}

@media (min-width : 1200px)
{
	.card-text { font-size:13px; }
	.card-title { font-size:20px; }
	.sec-header { font-size:24px; }
}

.card-splitter
{
	position:absolute; 
	background:grey;
	height:80%;
	top:10%;
	width:1px;
	display:inline-block;
}

.card-more
{
	margin:0 3% 3% 0;
}

.card-more a
{
	text-decoration:none;
	float:right;
	font-weight:bold;
}