footer {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background-color: #E9EBED;
	position: relative;   
	line-height: 1.6em;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.03em;
}

footer div.container {
    display: grid;   
    grid-template-columns: max-content 1fr;
    grid-gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	position: relative;
    max-width: 1140px;
    margin: 0 auto;
}

footer span {
    font-size: 16px;
    color: #606060;
}

footer span a {
    text-decoration: underline;
	cursor: pointer;
    color: #303030;	
}

footer div.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1.5rem;
}

footer div.socials img {
    height: 3rem;
	display: block;
}

@media (max-width: 960px) {
	
    footer {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
		font-size: 15px;
    }
	
	footer div.container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
        "A A"
        "B C";
        grid-gap: 1.5rem;
    }
	
	footer div.container span {
        grid-area: B;
    }
	
	footer div.container div.socials {
        grid-area: C;
    }
	
	footer div.container a.logotype {
        grid-area: A;
        justify-self: center;
    }	
	
}

@media (max-width: 640px) {
	
    footer div.container {
        grid-template-columns: 1fr;
        grid-template-areas:
        "A"
        "C"
        "B";
        grid-gap: 2rem;
        justify-items: center;
        text-align: center;
    }	
	
}