/* ==========================================================================
//   COLOUR, DECORATION, STYLING
// ========================================================================== */

body {
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4 {
	font-family: 'Roboto Slab', serif;
}

body,
blockquote p,
h1, h2 {
	color: #6C7A89;
}

h3 {
	color: #22A7F0;
}

header,
footer {
	background: #6C7A89;
}

header,
footer,
header a, header a:hover,
footer a, footer a:hover {
	color: #fff;
}

footer a {
	border-bottom: 2px solid #fff;
}

footer a:hover {
	border-bottom: 2px solid #1F4788;
}

header li a:hover {
	background: #000;
}

.verbs {
	background: #eee;
}

.logo {
	fill: #fff;
}

.mask {
	border: 0.5em solid #6C7A89;
	/* box-shadow: inset 0 0 0.5em rgba(0,0,0,0.8); */
}

.clients {
	background: #ECF0F1;
}

blockquote:before {
	color: #6C7A89;
	opacity: 0.2;
}

.features h3 {
	border-bottom: 2px solid #ECF0F1;
}

.rdf {
	fill: #BDC3C7;
}

.features li:before {
	color: #4B77BE;
}