* {box-sizing: border-box; margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; color: #130002; background: #f0f2f3;}
.container {width: 626px; margin: 20px auto; -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4); box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4); background: #fff;}
.banner {margin: 0;}
.text {padding: 1em;}
img {max-width: 100%; height: auto;}

/* Headlines & Text formatting */
h1 {font-size: 2em; color: #fa8649; margin-bottom: 0.75em;}
h3 {font-size: 1.5em; color: #fa8649; margin-bottom: 0.25em;}
p {line-height: 1.35;}
a {text-decoration: none; color: #fa8649;}
a:hover {text-decoration: underline;}

/* About & References */
.info {font-size: 0.8em; line-height: 1.35;}
.box-left {width: 48.9999%; float: left;  margin-right: 2%;}
.box-right {width: 48.9999%; float: left;}
.box-left .heading,
.box-right .heading {width: 100%; display: inline-block; background: #130002; color: #fff; padding: 0.5em 0.8em; margin-bottom: 0.5em;}
.clear {clear: both;}
.list-items {margin: 0; padding: 0; list-style: none;}
.list-items li {margin-left: 0px;}
.list-items li:before {position: relative; left: 0; content: '»'; color: #fa8649; font-weight: bold; padding-right: 0.5em;}
.highlight {background: #dbdbdb; padding: 1em;}