.contacts__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 40px;
	margin: 35px 0;
}

.contact {
	display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.1);
	padding: 20px;
	text-align: center;
}

.contact__name {
	font-size: 25px;
    font-weight: 800;
    margin-bottom: 20px;
}

.contact p:not(.contact__name) {
	margin: 0 0 10px;
}

.contact__picture {
	width: 160px;
	margin-bottom: 15px;
}

@media (max-width: 500px) {
	.contact__name {
		font-size: 18px;
		font-weight: 600;
	}
}