body>.container{
	margin-top: 2rem;
}
.proj{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 630px;
	grid-gap: 2rem;
}
.proj:not(:last-child){
	margin-bottom: 2rem;
}
.proj .ulitochka-arrow[direction]{
	background: white;
    color: var(--blue);
    font-size: 2rem;
}
.proj>img{
	height: 100%;
	object-fit: cover;
}
@media(max-width:1024px){
	body>.container{
		margin-top: 2rem;
	}
	.proj{
		grid-template-columns: 1fr;
		grid-template-rows: 300px 300px;
	}
}