html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/** end CSS reset **/

ol, ul {
	margin-left:15px;
}
ol li, ul, li {
	margin-bottom:8px;
}

p {
	margin-bottom:15px;
}
a {
	color:#485933;
	text-decoration:none;
}

a:hover {
	color:#1d2810;
	text-decoration:underline;
}

/* Customized Styles */

body, .header, .subheader, .content-section {
  font-family: 'Catamaran', Arial, sans-serif;
}

.content-section {
  background: #d7b353;
  text-align: center;
  padding: 15px 5px;
}

.content-section:nth-child(even) {
  background: #F0E8D6;
}

.content-section h1,
.content-section h2,
.content-section h3,
.content-section h4,
.content-section h5,
.content-section h6 {
  font-weight: 700;
}

.content-section h1 {
  color: #7d1315;
  display: block;
  font-size: 24px;
}

.content-section h1 .sub-h1 {
  display: block;
  font-size: 18px;
  font-weight: 400;
}

.content-section h2 {
  font-size: 22px;
  margin: 10px 0 0 0;
}

.content-section h3 {
  font-size: 18px;
  border-top: 1px solid #d0c6b4;
  padding-top: 20px;
}

.content-section p {
  color: #565656;
  margin: 0;
}

.content-section p.text-dark {
  color: #242424;
}

.content-section a {
  color: #7d1315;
}

.content-section a:hover {
  color: #9f3537;
  text-decoration: none;
}

.content-section .summary-container {
  background: #e6cd89;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
}

.content-section .list-group-item {
  background: #F0E8D6;
  border: 0;
  padding: 4px;
}

.content-section .side-image {
  border-radius: 20px;
  margin: 10px auto;
  max-width: 100%;
}

.content-section .btn-primary {
  background: #7d1315;
  border: 1px solid #7d1315;
  color: white;
}

.content-section .btn-primary:hover {
  border: 1px solid #9f3537;
  background: #9f3537;
  color: white;
}

@media (min-width: 768px) {
  .content-section {
    padding: 50px;
  }
  .content-section h1 {
    font-size: 35px;
  }
  .content-section h1 .sub-h1 {
    font-size: 20px;
  }
  .content-section h2 {
    font-size: 28px;
    margin: 0;
  }
  .content-section h3 {
    font-size: 24px;
  }
}

/* Header and Navigation */
.header .navbar {
  background: #7d1315;
}

.header .navbar-brand {
  margin: 0 auto;
}

.header .navbar-brand img {
  max-width: 200px;
}

@media (min-width: 768px) {
  .header .navbar-brand {
    margin: 0;
  }
  .header .navbar-brand img {
    max-width: 250px;
  }
}

.header a {
  color: #d7b353;
}

.header a:hover {
  color: #b59131;
  text-decoration: none;
}

.subheader {
  background: #7d1315;
  margin: 0 auto;
  padding: 10px;
}

.subheader p {
  color: #d7b353;
  font-size: 20px;
  margin: 0;
  text-align: center;
}

.subheader p.text-small {
  font-size: 14px;
}

@media (min-width: 576px) {
  .subheader {
    margin: 0;
  }
  .subheader p {
    font-size: 24px;
    text-align: right;
  }
  .subheader p.text-small {
    font-size: 16px;
  }
}

/* Carousel */

.content-section .carousel {
  background: #7d1315;
  height: 100%;
  overflow: hidden;
}
.content-section .carousel .carousel-img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  overflow: hidden;
}

@media (min-width: 576px) {
  .content-section .carousel .carousel-img-container {
    height: 350px;
  }
}

/* Miscellaneous */

.social-icon {
  font-size: 45px;
  padding: 5px;
}

@media (min-width: 576px) {
  .social-icon {
    font-size: 35px;
  }
}