.OurStuff { margin-bottom: 60px; }

@media (max-width: 991px) and (orientation: landscape) {
	.OurStuff { margin-left: 15px; }
	.OurStuff .row { width: calc(100% + 60px); }
}

@media (min-width: 1024px) { .OurStuff .os_row { padding: 150px 0; white-space: nowrap; } }
@media (max-width: 1023px) { .OurStuff .os_row { padding-top: 135px; } .OurStuffContent { text-align: center; } }

.OurStuff .os_row {
	background-image: url("../img/diagonal-bg.png");
	background-size: cover;
	min-height: 780px;
	width: calc(100% + 30px);
	z-index: -1;
	max-width: unset;
	margin-top: 75px;
}

@media (min-width: 576px) and (max-width: 767px) { .OurStuff .os_row { min-height: 1000px !important; } }

.OurStuff .os_row { text-align: center; }
.OurStuff .row:not(:first-child) {
	margin-top: 150px;
	text-align: center;
	width: 100%;
	font-size: 20px;
}

.OurStuffContent { display: inline-block; }

@media (max-width: 991px) { .OurStuff .row:not(:first-child) { width: calc(100% + 15px) !important; } }
@media (max-width: 991px) and (orientation: landscape) { .OurStuff .row:not(:first-child) { width: calc(100% + 35px) !important; } }

@media (min-width: 992px) { .OurStuff .row:not(:first-child) { padding: 0 250px; } }
@media (max-width: 575px) {
	.OurStuffContent { width: 50% !important; }
	.OurStuffContent i { font-size: 80px !important; }
}

.OurStuffContent p { white-space: nowrap; }
.OurStuffContent p, .OurStuffContent i { color: #FFF; margin-bottom: 0; font-family: Montserrat; text-align: center; }
.OurStuff_largeSize { font-size: 50px; font-family: Montserrat; }

@media (max-width: 575px) {
	.OurStuffContent .os_row p.OurStuff_largeSize { font-size: 40px !important; }
	.OurStuffContent:nth-child(2n) { padding-right: unset; padding-left: 15px; }
}

.OurStuffContent i { font-size: 150px; }

@media (max-width: 575px) { .OurStuff { margin-bottom: 60px !important; } }
@media (min-width: 576px) and (max-width: 767px) { .OurStuff_bgImage { height: 980px !important; } }

@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
	.OurStuff_bgImage { height: 650px !important; }
	.OurStuff { margin-bottom: 150px !important; }
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
	.OurStuff_bgImage { height: 650px !important; }
	.OurStuff { margin-bottom: 50px !important; }
}

@media (min-width: 1200px) {
	.OurSutff_bgImage { height: 780px !important; }
	.OurStuff { margin-bottom: 60px !important; }
}

@media (max-width: 1024px) and (max-height: 768px) {
	.OurStuff { width: calc(100% + 37px); }
	.OurStuff .row { width: calc(100% + 30px); }
	.OurStuff .row .row { padding: 0 !important; }
}

@media (max-width: 575px) { .OurStuff .OurStuff_bgImage { width: calc(100% + 90px) !important; } }
@media (min-width: 576px) and (max-width: 767px) and (orientation: landscape) { .OurStuff .OurStuff_bgImage { width: calc(100% + 64px) !important; } }

.OurStuff svg path, .OurStuff svg circle, .OurStuff svg rect { fill: #FFF !important; }

.OurStuff svg { margin-top: 125px; margin-bottom: 15px; }

.OurStuff #OS_200 { max-width: 150px; }
.OurStuff #OS_10 { max-width: 100px; }
.OurStuff #OS_13 { max-width: 80px; }
.OurStuff #OS_5 { max-width: 90px; }

@media (max-width: 575px) {
	.OurStuff svg { margin-top: 60px; margin-bottom: 15px; }

	.OurStuff #OS_200 { max-width: 100px; }
	.OurStuff #OS_10 { max-width: 65px; }
	.OurStuff #OS_13 { max-width: 60px; }
	.OurStuff #OS_5 { max-width: 80px; }
}
