#txt{
	background: var(--yellow-gray);
	padding: 20px 0;
	margin-bottom: 0;
}
#contacts{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-template-rows: 600px;
	margin-bottom: 0;
}
#contacts .txt {
	padding: 3vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#contacts .txt>*{
	margin: 0;
	font-size: 1.2rem;
}
#contacts iframe{
	height: 100%;
}
.map{
	position: relative;
}
.imgpic{
	width: 50vw;
    height: 100%;
    object-fit: cover;
}
.map:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--yellow-gray);
	mix-blend-mode: color;
	pointer-events: none;
}



@media (max-width: 900px) {
    #contacts {
        grid-template-columns: 1fr;
    }
    
	.imgpic{
    	width: 100vw;
        height: 100%;
        object-fit: cover;
    }
    
    #contacts .txt p {
        text-align: center;
    }
}



@media (max-width: 480px) {
    #txt {
        padding: 20px 0;
    }
    #txt .container p {
        margin-bottom: 0;
    }
    
    #contacts .txt {
        padding: 20px 5% 50px;
    }
}