.block-foot{
    background:var(--color1);
	background-size: cover;
    padding:20px 0 40px;
}

.foot-grid{
    display: flex;
    position:relative;
}
.foot-grid > .item{
    border-radius:6px;
    flex:1;
    color:#fff;
}
.foot-grid > .item .item-title{
    font-weight:bold;
    padding:0 0 10px;
    font-size:16px;
    color:#000;
}
.foot-link{
    text-align:left;
}
.foot-link a{
    display:block;
    padding:4px 0;
    color:#fff;
    text-decoration: none;
}
.foot-link a:hover{
    color:#873A29;
    text-decoration: underline;
}
.foot-text{
    line-height:24px;
}

@media(min-width: 768px){
    .foot-grid{
		grid-template-columns: repeat(4, 1fr);
        column-gap: 20px;
	}
}

@media(max-width: 768px){
    .block-foot{
        padding:20px 16px;
    }
    .foot-grid{
		grid-template-columns: repeat(1, 1fr);
        flex-direction: column;
        column-gap: 0;
        row-gap: 20px;
	}
    .foot-grid > .item{
		font-size:20px;
	}
    .foot-text{
        font-size:16px;
    }
}

@media(max-width: 480px){
}