.contacts {
  	display: flex;
	flex-direction: column;
	align-items: center;
	/* margin: 10px; */
}

.contacts .contact .portrait {
	margin: 0 auto;
	width: 198px;
	height: 264px;
}

#content .contacts .contact .portrait  {
	display: inline;
}

.contacts .contact-data {
  display: block;
}

.contact-data > ul {
	list-style-type: disc;
}

.wide-screen {
	display: block;
}

.small-screen {
	display: none;
}

.address {
	display: contents;
}

.contents {
	display: contents;
}

#navlink-google {
	border: solid black 1px;
	margin-bottom: 24px;
	background-color: aliceblue;
	padding: 5px;
	text-align: center;
}

.contacts-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1511px;
}

.contacts-container h2 {
	margin: 2em 0 0 0;
}

@keyframes contact {
	0% {filter: blur(3px) grayscale(100%);}
	100% {filter: blur(0) grayscale(0);}
}

.contact {
	animation-fill-mode: none;
	animation-duration: 5s;
	animation-play-state: paused;
}

.contacts-container .contact {
	padding: 20px 10px 20px 0;
	width: 100%;
	min-width: 220px;
}

.contacts-container > ul {
	list-style-type: none;
}

#content .contact .avatar {
	display:inline;
	width: 198px;
	height: 264px;
	background-color: lightgray;
	padding: 20px;
}

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

	h1:nth-of-type(2) {
		margin-top: 2em;
	}

	h1 {
		text-align: initial;
	}

	.markdown hr {
		width: 100%;
	}

	.wide-screen {
		display: none;
	}

	.small-screen {
		display: block;
	}

	.contact-data:not(h2) {
		font-size: 16px;
	}
}