footer {
	background: black;
    color: white;
    min-height: fit-content;
    height: 100dvh;
    font-size: clamp(16px, 1.25vw, 50px);
    display: flex;
    flex-direction: column;
}

footer img.logo {
    /* width: 25vw; */
    margin: 0px auto;
    display: block;
    padding: 30px 0px;
    object-fit: contain;
    max-width: 505px;
    flex: 1;
}

footer .links {
	border-top: 1px solid #5c52a2;
	border-bottom: 1px solid #007e64;
	display: flex;
	flex-direction: row;
	margin: 0px 5vw;

}

footer .links div.blocks {
	display: flex;
	flex-direction: column;
	width: 50%;
}

footer .links div.blocks:first-child {
	margin-left: 3vw;
	border-left: 1px solid red;
	border-right: 1px solid red;
}

footer .links div.blocks:last-child {
	margin-right: 3vw;
	border-right: 1px solid red;
}

footer .links .item {
	padding: 0.5vw 2vw 0.65vw 4vw;
	border-bottom: 1px solid #fccc2b;
}

footer .links .item:last-child {
	border-bottom: none;
}


footer a {
	color: white;
	text-decoration: none;
}

footer a:hover {
	color: #facb2a;
}

footer .links .rs {
	display: flex;
	flex-direction: row;
	column-gap: 3vw;
}

footer button {
    background: transparent;
    border: none;
    width: 80px;
    height: 80px;
    display: block;
    margin: auto;
    cursor: pointer;
    margin-bottom: 30px;
}

footer button img {
	width: 100%;
}

@media screen and (max-width: 980px) {

	footer .links {
		flex-direction: column;
	}

	footer .links div.blocks {
		width: 80%;
		margin: auto !important;
		border-left: 1px solid red;
	}

	footer .links .rs {
		flex-direction: column;
	}

	footer .links div.blocks:first-child .item {
		border-bottom: 1px solid #fccc2b !important;
	}

	footer .links .item {
		order: 0;
		padding: 8px;
		font-weight: bold;
	}

	footer .links .item[order='3'] {
		order: 3;
	}

		footer .links .item[order='2'] {
		order: 2;
	}

	footer img.logo {
		
		max-width: 80%;
		padding-bottom: 20px;
	}

	footer button {
		width: 80px;
		height: 80px;
		margin-bottom: 20px;
	}



}