/*prepod*/
	#prepod {margin: 150px 0;}
	#prepod .container:nth-child(1) {display: grid; grid-template-columns: 4fr 8fr; grid-gap: 20px;}
	#prepod .container:nth-child(1) .left_block .image {width: 100%; height: 500px; overflow: hidden; border-radius: 10px;}
	#prepod .container:nth-child(1) .right_block h4 {margin-bottom: 20px; font-weight: 400; font-size: 24px;}
	#prepod .container:nth-child(1) .right_block p {font-weight: 300; font-size: 18px; line-height: 150%;}

	#prepod .container:nth-child(2) h2 {
		margin-bottom: 20px;
	}

	#prepod .container:nth-child(2) .images {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
	}

	#prepod .container:nth-child(2) .image {
		width: 100%;
		height: 250px;
		cursor: pointer;
	}
/*prepod*/
/*adaptiv*/
	@media (min-width: 320px) and (max-width: 767px){
		#prepod .container:nth-child(1), #prepod .container:nth-child(2) .images {grid-template-columns: 1fr;}
		#prepod .container:nth-child(1) .left_block .image {height: auto; border-radius: 0;}

		#prepod .container:nth-child(1) .left_block, #prepod .container:nth-child(1) .right_block {padding: 0 10px;}

		#prepod .container:nth-child(2) .image {
			width: 100%;
			height: 350px;
		}

		#prepod .container:nth-child(2) h2 {
			padding: 0 10px;
			margin-top: 40px;
		}
	}
	@media (min-width: 375px) and (max-width: 767px){
	}
	@media (min-width: 768px) and (max-width: 1023px){
		#prepod .container:nth-child(1) .left_block .image {height: auto;}
		#prepod .container:nth-child(1) .left_block, #prepod .container:nth-child(1) .right_block {padding: 0 10px;}

		#prepod .container:nth-child(2) h2 {
			padding: 0 10px;
			margin-top: 40px;
		}
	}
	@media (min-width: 1024px) and (max-width: 1179px){
		#prepod .container:nth-child(1) .left_block, #prepod .container:nth-child(1) .right_block {padding: 0 10px;}
	}
/*adaptiv*/