/* General */
body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #191919;
}

.bux {
 font-weight: bold;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}

h1 {
	color: #006ba6;
	font-size: 2.35rem;
	font-weight: 400;
}

h2 {
	color: #006ba6;
	font-size: 2rem;
	font-weight: 400;
}

h3 {
	color: #29abe2;
	font-size: 1.75rem;
	font-weight: 400;
}

h4 {
	font-size: 1.25rem;
	color: #006ba6;
	font-weight: 500;
}

h5 {
	color: #006ba6;
	font-size: 1.5rem;
	font-weight: 400;
}

p:last-child {
	margin-bottom: 0;
}

a {
	text-decoration: underline;
	color: #006ba6;
}

a:hover, a:focus {
	text-decoration: none;
}

ul {
	margin-bottom: 0;
}

li::marker {
	color: #29abe2;
}

.content-list li {
	margin-bottom: 0.75rem;
}

hr {
        border: none;
        opacity: 1;
        height: 4px;
	margin-top: 1.5rem;
	margin-bottom: 4rem;
	background-color: #29abe2;
        -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.33);
}

/* Colours */
.blue {
	color: #006ba6;
}

.orange {
	color: #f58546;
}

.light-blue {
	color: #29abe2;
}

.pink {
	color: #f05566;
}

.light-grey {
	color: #818285;
}

.mid-grey {
        color: #636363;
}

.dark-grey {
	color: #333;
}

/* Buttons */
.btn {
	color: #fff;
	text-decoration: none;
	border: none;
}

.btn:hover, .btn:focus {
	opacity: 0.9;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, :not(.btn-check)+.btn:active {
    background-color: #f05566;
}

.btn-green {
	background-color: #92d050;
	color: #191919;
	font-weight: 500;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.btn-green:hover, .btn-green:focus {
	background-color: #92d050;
	color: #191919;
}

/* Calculator */
.calculator {
	background-color: #f5f5f5;
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding: 2rem 1.5rem;
}

/* Footer */
footer {
	border-top: #172c51 1px solid;
	background-color: #006ba6;
	margin-top: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #fff;
}

footer a {
	color: #fff;
}