:root {
  /* --kanye-gray-color: #F9F9F9;
  --kanye-brown-color: #5F5C5C;
  --kanye-gold-color: #ECE2D2;
  --kanye-brightgold-color: #F7F3ED;
  --kanye-darkgold-color: #DCD1CB;
  --kanye-black-color: #5F5C5C;
  --kanye-default-color: #575757;
  --kanye-littlebrown-color: rgba(95, 92, 92, 0.5);

  --redesign-beige-color: #E8E4D9;
  --redesign-green-color: #D2D6CF;
  --redesign-dark-color: #575757;
  --redesign-graphite-color: #716E6D;
  --redesign-light-color: #fff; */
	--border-radius-075: 0.75rem;
	--border-radius-050: 0.50rem;
}

.social {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	background: #FFFFFF;
}

.social__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 30px;
    background: var(--redesign-green-color);
    padding: 20px;
	border-radius: var(--border-radius-075);
}

.social__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
}

.social__title {
	margin-bottom: 12px;
}

.social__text {
	line-height: 120%;
}

.social__list {
	display: flex;
}

.social__item:not(:last-child) {
	margin-right: 10px;
}

.social__link {
	position: relative;
	display: block;
	transition: all 0.3s ease 0s;
}

.social__link svg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}

.social__image {
	max-height: 380px;
	border-radius: var(--border-radius-050);
	overflow: hidden;
}

.social__link img {
	width: 60px;
	height: 60px;
}

.social__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.social__description {

}

.social__header {
	display: none;
}

@media (any-hover: hover) {
	.social__link:hover {
		opacity: 0.5;
	}
}

@media (max-width: 1590px) {
	.social__image {
		
	}
}

@media (max-width: 1200px) {
	.social {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (max-width: 768px) {
    .social {
        padding-top: 12.5px;
        padding-bottom: 12.5px;
    }
	.social__title.title-h2 {
		font-size: 24px;
	}
}

@media (max-width: 960px) {
	.social__body {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.social__image {
		max-height: 240px;	
	}
	.social__content {
	 	justify-content: center;
	}
}

@media (max-width: 640px) {
	.social__content {
		align-items: center;
		text-align: center;
	}
}