.menu + a {
    display: block;
	font-size: 1.8em;
    background-color: #a5c96a;
    color: #fff;
    padding: .25em 1em;
    border-radius: 30px;
	position: relative;
	text-decoration: none;
    margin: 0 5px;
}
.menu + a::after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 5px);
    border: 10px solid transparent;
    border-top: 15px solid #fff9e3;	
}
.menu + a:before {
	font-family: "FontAwesome";
	content: "\f002";
	margin-right: 0.5em;
}
main {
	padding: 0 0.5em;
}
.menu {
    margin: 2em 0;
}
.menu a {
	display: block;
	padding: 0.5em;
	padding-left: 2.5em;
	margin-top: 0.5em;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
	position: relative;
}
.menu a:before {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	margin-left: -1.5em;
	margin-right: 0.5em;
}
.menu a:after {
	font-family: "FontAwesome";
	content: "\f105";
	margin-right: 0.5em;
	right: 0.25em;
	position: absolute;
}
.menu a.about {
	background-color: #ec76a3;
}
.menu a.about:before {
	background: url(../img/icon-about.png);
	background-size: contain;
}
.menu a.faq {
	background-color: #af7dff;
}
.menu a.faq:before {
	background: url(../img/icon-faq.png);
	background-size: contain;
}
.menu a.emergency {
	background-color: #dd4b4b;
}
.menu a.emergency:before {
	background: url(../img/icon-emergency.png);
	background-size: contain;
}