/**
 * Place for view-service-case styles here.

MAIN
*/

/* MAIN */
.page-services-case {
    background: #0E0E0E !important;
    margin-bottom: -0.0625rem;
    padding-top: 12em;
    padding-bottom: 5em;
    margin-top: -11em;
    z-index: 0!important;
    position: relative;
}

.page-services-case .field--name-field-services-description {
	margin-bottom: 2em;
}

.page-services-case .field--name-field-services-description h2 {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
}

.page-services-case .field--name-field-services-description span {
	color: #ED1849;
}















/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1919px) {
}

@media (max-width: 1800px) {

}

@media (max-width: 1650px) {

}

@media (max-width: 1600px) {

}

@media (max-width: 1500px) {

}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
	.page-services-case .field--name-field-services-service {
	    display: flex;
		flex-direction: column;
	}
	.page-services-case .carousel-item {
	    display: block;
	}
	.page-services-case .carousel-control-next,
	.page-services-case .carousel-control-prev,
	.page-services-case .carousel-item .field--name-field-usluga-img {
	    display: none;
	}
	.page-services-case .paragraph--type--usluga {
		margin-bottom: 0;
	}
	.page-services-case .usluga-caption {
	    height: auto;
	}
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
	.page-services-case .field--name-field-services-description h2 {
		font-size: 45px;
	}
	.page-services-case .field--name-field-services-description {
		font-size: 45px;
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.page-services-case .usluga-list-group {
		display: flex;
		flex-direction: column;
		row-gap: 1em;
		margin: 0;
	}
}

@media (max-width: 575px) {
	
}

@media (max-width: 480px) {
	
}

@media (max-width: 450px) {
	.page-services-case .field--name-field-services-description h2 {
		font-size: 35px;
	}
	.page-services-case .field--name-field-services-description {
		font-size: 35px;
	}
}

@media (max-width: 374px) {
	
}

@media (min-width: 62rem) {
	
}
