html, body, .community-page { height: 100%; }
h2, p { color: #464646; font-family: OpenSans, Helvetica, Arial, sans-serif; }

.community-page { display: flex; flex-direction: column; }
.community-header { padding: 20px; position: relative; text-align: center; }
.community-header img { width: 200px; }
.community-lang { position: absolute; top: 20px; right: 20px; }
.community-lang a { color: black; }

.community { background: white; flex-grow: 1; text-align: center; }
.entry {
	border: 1px solid black;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
.entry:hover { text-decoration: none; }
@media (min-width: 576px) {
	.entry { float: left; x-height: 33.3333%; height: 50%; width: 33.3333%; }
}

.entry .bar { background: #ccc; height: 20px; }
.entry .content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	padding: 10px;
}
.entry img { max-width: 50%; margin: 0 auto; }

.entry .btn-app { display: inline-block; max-width: 25%; }
.entry .btn-app img { max-width: 100%; }