/* ==========================================================================
   Base Styles, Bootstrap Modifications
   ========================================================================== */

::-moz-selection {
  background: #f2c2c9;
  color: #a4003a;
  text-shadow: none;
}

::selection {
  background: #16a085;
  color: #a4003a;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* ==========================================================================
   General styles
   ========================================================================== */

body {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 16px;

  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  color: #4a4a4a;
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */
.color-line {
  background-color: #2272b9;
  height: 50px;
}
.color-line-2 {
  background-color: #231f20;
  height: 50px;
  color: white;
}

header img {
  width: 800px;
}

section.content {
  width: 800px;
  max-width: 100%;
}

@media (max-width: 768px) {
  header .header-logo {
    top: 13px;
    left: 19px;
    width: 202px;
  }
}

@media only screen and (max-width: 425px) {
  header .header-logo {
    top: 73px;
    left: 92px;
    width: 233px;
  }
}