.site-footer #block-footer-logo {
  margin: 0;
  padding: 20px;
  border: none;
}

#block-footer-logo .field--name-body p {
	margin: 0;
	text-align: center;
}

#block-footer-logo .field--name-body img {
	max-width: 70%;
	margin-bottom: 6px;
}

.site-footer #block-footer-account, .site-footer #block-bartik-footer, .site-footer #block-footer-shop {
	padding-left: 20%;
}

#block-footer-account #block-footer-account-menu, #block-bartik-footer #block-bartik-footer-menu, #block-footer-shop #block-footer-shop-menu {
  border: none;
  color: #f2f2f2;
}

#block-footer-account .menu .menu-item a, #block-bartik-footer .menu .menu-item a, #block-footer-shop .menu .menu-item a {
	padding: 3px 0 3px;
	border: none;
	text-indent: 0;
}

.site-footer #block-footer-social {
  margin: 0;
  padding: 0 10px;
  border: none;
}

#block-footer-social h2 {
	border: none;
  color: #f2f2f2;
}

#block-footer-social .field--name-body {
	display: grid;
	columns: 4;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1em;
  margin-top: 10px;
}

#block-footer-social .field--name-body > div {
	padding: 10%;
}

#block-footer-social .field--name-body a {
	border: none;
}

#block-footer {
	margin: 0;
	padding-top: 20px;
}

#block-footer .field--name-body p {
	margin: 0;
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	#block-footer-account, #block-bartik-footer {
		display: none;
	}
	
	#block-footer-logo .field--name-body img {
		max-width: 120px;
	}
	
	#block-footer-social {
		padding: 0 20%!important;
	}
	
	#block-footer-social h2 {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	#block-footer-shop {
		display: none;
	}
}