/*o nas*/
.block-onas{		
	display: flex;
	justify-content: space-between;
	padding: 20px 0 40px 25px;
}
.container-body {
    height: 0;
}

.block-onas_title{
	max-width: 500px;
}
.block-onas_title a{
	text-decoration: none;
	color: #B09609;

}
.block-onas_title p{
	font-size: 22px;
	color: #fff;
}
.block-onas_images{
	padding-left: 50px;
	max-height: 100%;
	max-width: 500px;
}
.block-onas_images img{
	width: 100%;
}

/*Work*/
.block-works{
	padding: 20px 0 20px 25px;
	display: flex;
	justify-content: space-between;
}
.block-work_grid-body{
	display: grid;
	grid-template-columns: repeat(4,minmax(200px,200px)) ;
	grid-auto-rows: 275px;
	grid-auto-flow: row;
}
.block-work_grid-body-vertical{
	grid-auto-rows: 490px;
}

.grid-item{
	text-align: center;
	/*border: 2px dashed rgba(255,255,255, 0.2);*/
	padding: 20px 10px;
}

.block-work_grid-body .grid-item img{
	width: 100%;
	height: 135px;		
}
.block-work_grid-body-vertical .grid-item img{
	height: 290px;		
}

.block-work_grid-body .grid-item .title{
	padding: 10px 0px;
	text-align: left;	
	color: #B09609;
}
.block-work_grid-body .grid-item .info{
	padding: 5px 0px;
	text-align: left;
	font-size: 16px;	
}
.grid-item a{
	text-decoration: none;
  color: #fff;
}
@media (max-width: 1220px) {
	.block-onas{
		display: block;
	}
	.block-onas_title{
		max-width: 100%;
	}
	.block-onas_images{
		padding: 60px 0 0 0;
		margin: 0 auto;
		width: 600px;
	}
}


@media (max-width: 880px) {
		.block-work_grid-body{
			grid-template-columns: repeat(3,minmax(200px,200px)) ;
			transition: all 0.5s ease 0s;			
		}

}
@media (max-width: 700px) {
	.block-work_grid-body{
		grid-template-columns: repeat(2, minmax(200px,200px));
		transition: all 0.5s ease 0s;
		grid-auto-rows: 265px;
	}
	.block-work_grid-body-vertical{
		grid-auto-rows: 480px;
	}
}

@media (max-width: 620px) {
	.block-onas_images{
		padding-top: 30px;
		width: 100%;
	}
}

@media 	(max-width: 500px) {
	
	.block-onas{
		padding: 15px 0 30px 15px;
	}
	.block-works{
		padding: 15px 0 30px 15px;
	}
	.block-onas_title p{
		font-size: 18px;
	}
	.container-body h1 {
    font-size: 30px;
    color: #fff;
	}
}
@media (max-width: 445px) {
	.block-work_grid-body{
		display: block;	
		margin: 0 auto;
		grid-auto-rows: 255px;
	}
	.grid-item{
		height: 220px;	
		width: 	200px;
	}
	.block-work_grid-body .grid-item .title, .block-work_grid-body .grid-item .info{
		padding: 5px 0;
	}
	.grid-item-vertical{
		height: 400px;	
		width: 	200px;
	}
}