.footerwrap{
    background-color: #fff;
    --footer-grid-column-count: 1;
    --grid-gap: 1.5rem;
    padding-left: 16px;
    padding-right: 16px;
}

.footerwrap--last-child {
    border-bottom: 0;
}

@media( min-width: 768px) {
    .footerwrap{
        --footer-grid-column-count: 3;
        border-bottom: 1px solid #ededee;
    }
}

@media screen and (min-width: 900px) { 
    .footerwrap{
        --footer-grid-column-count: 6;
        --grid-gap: 3rem;
    }
}

.footerwrap__container{ 
	max-width: 1180px;
	width: 100%;  
	margin: 0 auto;   
	padding: 40px 0;
}

@media screen and (max-width: 680px) { 
    .footerwrap__container{ 
        padding-left: 10px;
        padding-right: 10px;
    }
}

.footerwrap__container ul {
    padding-left: 0;
}

.footerwrap__container li {
    list-style-type: none;
    min-height: 50px;
}

.footerwrap__container h3 {
    min-height: 50px;
    font-weight: 700;
}

.footerwrap a {
    color: #3a343a;
}

.footerwrap a:hover {
    color: #3a343a;
    text-decoration: underline;
}

.footerwrap__container a ,
.footerwrap__container h3 {
    font-size: .8rem;
    line-height: 1.5;
}


.footerwrap__grid {
    display: grid;
    grid-template-columns: repeat(var(--footer-grid-column-count, 1), 1fr);
    grid-gap: var(--grid-gap, 1rem);
}


@media screen and (max-width: 680px) { 
    .footerwrap__grid__col {
        border-bottom: 1px solid #e5e7eb;
    }
}