body {
	background-color: #f0f6f8;
	opacity: 1;
	background-image:  radial-gradient(#b4cbd1 1.6px, transparent 1.6px), radial-gradient(#b4cbd1 1.6px, #f0f6f8 1.6px);
	background-size: 64px 64px;
	background-position: 0 0,32px 32px;
	color:#447c8b;
}
.row {
	background-color:rgba(255,255,255,0.65);
}
a, .footer a {
	color:#447c8b;
	text-decoration:none;
}
a:hover, .footer a:hover {
	color:#000;
}
.header {
	border-bottom:#447c8b 2px solid;
	margin-bottom:20px;
	margin-top:20px;
}
.menu a {
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	margin:3px 10px;
}
.menu {
	text-align:center;
}
.text {
	padding:10px;
}
.text h5 {
	font-weight:bold;
}
.footer .top {
	border-top:#447c8b 2px solid;
	background-color:#d9e9ee;
	text-align:center; margin-top:20px;
}
.footer .bottom {
	background-color:#447c8b;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:10px;
}
.footer .bottom a {
	color:#FFF;
	margin:0 40px;
}
.footer .bottom a:hover {
	color:#000;
}
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.menu {
		text-align:left;
	}
	.text {
		padding:0;
	}
	.left {
		margin-left:10px;
	}
}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}