#header {
  background-color: #E0E0E0;
  background-color: rgba(190, 190, 190, 0.35);
  border-left: 2em solid #bebebe; }

#about {
  background-color: #E4CECE;
  background-color: rgba(170, 60, 60, 0.2);
  border-left: 2em solid #8c2828; }

#about h1 {
  color: #8c2828; }

#services {
  background-color: #C9D5C9;
  background-color: rgba(40, 100, 40, 0.2);
  border-left: 2em solid #1e501e; }

#services h1 {
  color: #1e501e; }

#portfolio {
  background-color: #C6C6D6;
  background-color: rgba(40, 40, 120, 0.2);
  border-left: 2em solid #1e1e5a; }

#portfolio h1 {
  color: #1e1e5a; }

#portfolio ul {
  margin-bottom: 0;
  list-style-type: circle; }

#contact {
  background-color: #E7E7E7;
  background-color: rgba(210, 210, 210, 0.35);
  border-left: 2em solid #d2d2d2; }

footer {
  background-color: #222222;
  color: #bbbbbb;
  padding-left: 2em; }

.content {
  padding: 2em 2em 2em 2em; }

a {
  color: #8c2828;
  font-weight: bold; }

a:hover {
  color: #640000; }

header h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin: -1em 0 0 0; }

body {
  background-color: #efefef;
  background-image: url("../img/page-texture.jpg"); }

section {
  margin-top: 0.25em; }

.content h1 {
  font-size: 2.5em;
  margin: 0; }

#header h1 {
  font-size: 3em;
  margin-bottom: .5em; }

.secondary {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1em;
  border-radius: 1em; }

div.secondary h1 {
  font-size: 1.6em;
  margin: 0;
  line-height: 1.6em; }

.navbar-inner {
  background-color: #F6F6F6;
  background-color: rgba(190, 190, 190, 0.35);
  background-image: url("../img/page-texture.jpg");
  border-radius: 0;
  border: none; }

.navbar {
  margin-bottom: 0; }

.section-image {
  float: right;
  height: 20em;
  margin-left: 1em; }

@media (max-width: 767px) {
  .secondary {
    margin-bottom: 1em; }
  .section-image {
    float: right;
    height: 10em; } }

@media (max-width: 979px) {
  header.content {
    padding-top: 2em; }
  body {
    padding: 0; }
  .navbar {
    margin: 0; } }