.socials{display: flex; flex-wrap: wrap; gap: 8px;}
.socials > a{overflow: hidden; width: 48px; height: 48px; border-radius: 12px;}
.socials > a img{background: white; width: inherit; height: inherit;}

.contact_steve{display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 32px;}

.contacts{display: grid; gap: 8px;}
.contact_01{display: grid; gap: 32px;}
.contact_01 > div{text-align: justify;}
.contact_02{display: grid; gap: 32px;}
.contacts > a{display: flex; align-items: center; gap: 8px; background: white; border-radius: 4px; padding: 8px;}
.contacts > a img{width: 32px; height: 32px; border-radius: 50%;}

form{display: grid; gap: 16px; background: var(--colour_01); padding: 16px; border-radius: 4px;}
.email_phone{display: grid; gap: 16px; grid-template-columns: 1fr auto 1fr; align-items: center;}

@media (max-width: 700px) {
	.contact_steve{grid-template-columns: auto;}
}