body {
	text-align: center;
}

#container {
    display: flex;
    flex-direction: row;
}

@media (max-width: 700px) {
	#container {
		flex-direction: column;
	}
}

#container div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#container a {
	text-align: start;
	text-decoration: none;
	border: 2px solid black;
	color: black;
	border-radius: 15px;
	padding: 10px;
	margin: 10px 0;
	width: 60%;
}

#container a:hover {
	border: 2px solid palevioletred;
}

#container a > h3 {
	color: black;
}

#container a > p {
	color: grey;
}

@media (max-width: 800px) {
	#container a {
		width: 90%;
		text-align: center;
	}
}