.archive_banner_container{
	position: relative;
}
.archive_banner_container .h1{
	text-align: center;
	font-size: 132px;
	text-transform: uppercase;
}
.archive_banner_fon{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
	top: 100px;
}
.archive_banner_atr{
	width: 19%;
}
.archive_banner_foto{
	/*width: 43%;*/
	margin-top: -35px;
	min-height: 350px;
	text-align: center;
}
.archive_banner_foto img{
	width: 100%;
	max-width: 600px;
}
.archive_banner_atr .font_hight{
	margin-top: 18px;
	margin-bottom: 12px;
}
.archive_banner_atr_item{
	margin-bottom: 40px;
}



/**    ГРИДЫ      **/

.container_greed { 
  display: grid;
  grid-template-columns: 0.7fr 1.6fr 0.7fr; 
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 20px 80px;
  grid-auto-flow: row;
  align-items: start;
  grid-template-areas:
    "archive_banner_atr_item_1 archive_banner_foto archive_banner_atr_item_3"
    "archive_banner_atr_item_2 archive_banner_foto archive_banner_atr_item_4";
}

.archive_banner_foto { grid-area: archive_banner_foto; }

.archive_banner_atr_item_1 { grid-area: archive_banner_atr_item_1; }

.archive_banner_atr_item_2  { grid-area: archive_banner_atr_item_2; }

.archive_banner_atr_item_3 { grid-area: archive_banner_atr_item_3; }

.archive_banner_atr_item_4 { grid-area: archive_banner_atr_item_4; }



.archive_banner_atr_item_1 img, 
.archive_banner_atr_item_2 img, 
.archive_banner_atr_item_3 img, 
.archive_banner_atr_item_4 img {
    margin-bottom: 20px;
}


@media (max-width: 1024px){

.archive_banner_container .h1 {
    font-size: 90px;}
}

@media (max-width: 991px){
	
	.container_greed {
		gap: 20px 18px;
	}
	.archive_banner_content{
		justify-content: center !important;
	}
	.archive_banner_container .h1{
		font-size: 76px;
	}
	.archive_banner_foto{
		width: 100%;
	}
	.archive_banner_fon{
		width: 100%;
	}
}


@media (max-width: 768px){
	.archive_banner_atr_item_1, 
	.archive_banner_atr_item_2, 
	.archive_banner_atr_item_3, 
	.archive_banner_atr_item_4{
			display: none;}
			
			
	.archive_banner_container .h1 {
		font-size: 36px;
		line-height: 46px;}	

	.archive_banner_foto {
		margin-top: 10px;
		min-height: 160px;}	

	.container_greed { 
		gap: 0px 0px;}	
	
}