.cover {
    height: auto;
}
body {
    background: #ffffff;
}
.category.services-card {
    margin-right: 2%;
    width: 30%;
    border-radius: 1rem;
    box-shadow: 0 4px 8px 0 #00000005, 0 6px 20px 0 rgb(230 230 230 / 96%);
        height: 513px;
}
.category-header {
    height: 82%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    border-radius: 1rem 1rem 0 0;
}
.category-body {
    text-align: center;
    height: 18%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
 .category-body h3 {
    font-size: 1.75rem;
    color: black;

}

.objects {
    width: 60%;
    margin-right: 4%;
    padding-top: 308px;
    padding-bottom: 2rem;
	display: flex;
    justify-content: center;
}
.cover.employments.row .objects{
    margin-right: 35%;
}
.pic {
    height: 100%;
    width: 36%;
    position: absolute;
    z-index: 999999;
    left: 0.8%;
}
.cover.employments.row .pic{
    width: 36%;
    right: 0.8%;
}
.pic h2 {
	position: absolute;
    top: 56%;
    right: 40%;
    z-index: 999;
    color: white;
    font-size: 4rem;
    font-weight: bold;
    animation: fadein 3s forwards;
}
.cover.employments.row .pic h2 {
    top: 49%;
    right: 11%;
}
@media (max-width: 1743px) and (min-width: 1251px){
	.employments .category.services-card {
		width: 42%;
	}
}
@media (max-width: 1536px){
	.pic h2 {
		right: 34%; 
	}
	.pic {  
		width: 33%; 
	}
	.objects {
		width: 66%;
	}
}
@media (max-width: 1400px){
	.pic h2 img {
		width: 40%;
	}
	.pic h2 {
		right: 29%;
		font-size: 3rem;
	}
	.objects {
		width: 73%;
	}
	.pic {  
		width: 27%; 
	}
}
	@media (max-width: 1251px){
	.pic {
		display: none;
	}
	.objects {
		width: 92%;
	}
	.cover.employments.row .objects{
		margin-right: 4%;
	}
}

@media (max-width: 913px){

	.category.services-card {
		width: 46%;
		MARGIN-BOTTOM: 1REM;
}
	
}

@media (max-width: 530px){
.category.services-card {
    width: 84%;
   MARGIN-BOTTOM: 1REM;
}

}
.breadcrumbs {
    top: 246px;
    right: 1%;
    position: absolute;
	background: #014a87;
    color: #fff;
    padding: 0.5rem 1rem;
    font-weight: bold;
    border-radius: 1rem 0 0 1rem;
    font-size: 1.2rem;
    z-index: 9;
}
.breadcrumbs ul a {
    color: white;
}

.empl .breadcrumbs {
    left: 1%;
     background: #89c249;
    right: auto;
    border-radius: 0 1rem 1rem 0;
}
.empl .breadcrumbs ul {

    direction: ltr;
}

@media (max-width: 1251px){
.title{
	top: 157px;
		right: 38%;
		position: absolute;
		color: #004987;
		font-weight: bold;
		font-size: 4rem;

	}
	
	.empl .title {
		color: #57a13b;
	}
}
@media (max-width: 730px){
.title{
		top: 157px;
		right: 21%;
		font-size: 3rem;

	}
}