
#theses {margin: 35px auto 235px auto; position: relative; height: 667px;}
#theses.thesesBlack {background: #e8e8e8;}

	#theses .thesesText {padding: 65px 0; text-align: center; color: #FFF; position: relative; height: 100%; box-sizing: border-box;}
		#theses h1 {font-size: 28px; line-height: 41px; margin: 0 auto 39px auto; max-width: 440px;}
		#theses .text {line-height: 28px; max-width: 590px; margin: 0 auto;}
		
		#thesesAdvantages {display: flex; max-width: 765px; margin: 43px auto 0 auto; justify-content: space-between;}
			#thesesAdvantages > div {max-width: 190px;}
				#thesesAdvantages > div > div {line-height: 104px; font-size: 64px;}
				#thesesAdvantages div p {line-height: 28px;}
		
		#thesesItems {display: flex; width: 1245px; margin: 0 auto; flex-wrap: wrap; position: absolute; left: 0; right: 0;
			background: #fff; padding: 68px 45px 65px 41px; border-radius: 6px; top: 75%; z-index: 2; box-sizing: border-box;
			box-shadow: 0px 30px 70px rgba(0, 0, 0, .075);
		}
			.thesesItem {margin: 55px 0 0 0; align-self: baseline; color: #121212;}
			.thesesItem:nth-child(1), .thesesItem:nth-child(2), .thesesItem:nth-child(3), .thesesItem:nth-child(4) {margin-top: 0;}
				
				.thesesItem img {max-width: 80px; max-height: 60px; display: block; margin: 0 auto;}
				.thesesItem a, .thesesItem div {line-height: 28px; margin: 14px auto 0 auto;
					display: block;  max-width: 175px;
				}
					.thesesItem div {color: #121212;}
					.thesesItem a:not(.redcodeColor) {color: #121212;}
				.thesesItem p {line-height: 28px; color: #606060; max-width: 230px; margin: 16px auto 0 auto;}


.thesesBackground {overflow: hidden; position: absolute; height: 100%; width: 100%;}
	.thesesBackground > div {background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute;
		height: 103%; width: 102%; filter: blur(5px); margin: -1% 0 0 -1%;
	}
	.thesesBackground div div {background-color: rgba(31, 31, 31, .4); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
		
		
@media all and (max-width: 1330px) {
	#thesesItems {width: 93%;}
}

@media all and (max-width: 1190px) {
	.thesesItem {width: 33.3% !important; margin: 50px 0 0 0;}
		.thesesItem:nth-child(4) {margin-top: 50px;}
}

@media all and (max-width: 920px) {
	.thesesItem {width: 50% !important;}
	.thesesItem:nth-child(3) {margin-top: 50px;}
}

@media all and (max-width: 630px) {
	#theses {margin: 25px auto; height: auto;}
		#theses .thesesText {padding: 45px 0 100px 0;}
	
			#theses h1, #theses .text, #thesesAdvantages {padding: 0 20px;}
			
			#thesesAdvantages {margin: 30px auto 0 auto; flex-wrap: wrap; justify-content: space-around;}
				#thesesAdvantages > div {width: 42%; max-width: none;}
					#thesesAdvantages > div > div {}
					#thesesAdvantages div p {}
			
			#thesesItems {width: 90%; top: 90%;}
				.thesesItem {width: 100% !important;}
				.thesesItem:nth-child(2) {margin-top: 50px;}
				.thesesItem a, .thesesItem div {max-width: 100%;}
				.thesesItem p {max-width: 100%;}
}

@media all and (max-width: 470px) {
	#thesesAdvantages {margin: 20px auto 0 auto;}
		#thesesAdvantages > div {width: 100%; margin: 0 0 15px 0;}
}

@media all and (max-width: 400px) {
	#thesesItems {padding: 60px 25px; top: 93%;}
}
