/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@charset 'utf-8';
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Oswald:400,600,700&display=swap");
@import url("https://cloud.typography.com/6280314/7280352/css/fonts.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * @section Base Styles
 */
/* -- Open Sans -- */
/* -- Color Variables -- */
/* --Background Colors -- */
.u-bg-maroon {
  background-color: #500000 !important;
}

.u-bg-maroon-100 {
  background-color: #732f2f !important;
}

.u-bg-maroon-200 {
  background-color: #500000 !important;
}

.u-bg-maroon-300 {
  background-color: #3C0000 !important;
}

.u-bg-red {
  background-color: #e4002b !important;
}

.u-bg-yellow {
  background-color: #fce300 !important;
}

.u-bg-green {
  background-color: #3ed488 !important;
}

.u-bg-white {
  background-color: #ffffff !important;
}

.u-bg-gray-100 {
  background-color: #eaeaea !important;
}

.u-bg-gray-200 {
  background-color: #eef0f0 !important;
}

.u-bg-gray-300 {
  background-color: #d1d5d4 !important;
}

.u-bg-gray-400 {
  background-color: #a7abaa !important;
}

.u-bg-gray-500 {
  background-color: #707373 !important;
}

.u-bg-gray-600 {
  background-color: #3e3e3e !important;
}

.u-bg-gray-700 {
  background-color: #332c2c !important;
}

.u-bg-gray-800 {
  background-color: #2b2021 !important;
}

.u-bg-gray-900 {
  background-color: #241618 !important;
}

.u-bg-black {
  background-color: #000000 !important;
}

.u-bg-blue-100 {
  background-color: #006483 !important;
}

.u-bg-blue-200 {
  background-color: #004362 !important;
}

.u-bg-tan-100 {
  background-color: #f5efe6 !important;
}

.u-bg-tan-200 {
  background-color: #e7ded0 !important;
}

.u-bg-tan-300 {
  background-color: #d6d3c4 !important;
}

/* -- Font Weights -- */
.u-font-weight-300 {
  font-weight: 300 !important;
}

.u-font-weight-400 {
  font-weight: 400 !important;
}

.u-font-weight-600 {
  font-weight: 600 !important;
}

.u-font-weight-700 {
  font-weight: 700 !important;
}

.u-font-weight-800 {
  font-weight: 800 !important;
}

/* --  Font Weights, Tungsten -- */
.u-tungsten {
  font-family: "Tungsten A", "Tungsten B";
  font-weight: 400;
  letter-spacing: 2px !important;
}

.u-tungsten-400 {
  font-family: "Tungsten A", "Tungsten B";
  font-weight: 400;
  letter-spacing: 2px !important;
}

.u-tungsten-600 {
  font-family: "Tungsten A", "Tungsten B";
  font-weight: 600;
  letter-spacing: 2px !important;
}

.u-tungsten-700 {
  font-family: "Tungsten A", "Tungsten B";
  font-weight: 700;
  letter-spacing: 2px !important;
}

/* -- Font Weights, Tungsten Narrow -- */
.u-tungsten-narrow {
  font-family: "Tungsten Narrow A", "Tungsten Narrow B";
  font-weight: 400;
  letter-spacing: 2px !important;
}

.u-tungsten-narrow-400 {
  font-family: "Tungsten Narrow A", "Tungsten Narrow B";
  font-weight: 400;
  letter-spacing: 2px !important;
}

.u-tungsten-narrow-600 {
  font-family: "Tungsten Narrow A", "Tungsten Narrow B";
  font-weight: 600;
  letter-spacing: 2px !important;
}

.u-tungsten-narrow-700 {
  font-family: "Tungsten Narrow A", "Tungsten Narrow B";
  font-weight: 700;
  letter-spacing: 2px !important;
}

/* -- Font Weights, Open Sans -- */
.u-open-sans {
  font-family: "Open Sans", sans-serif;
  font-weight: 400 !important;
}

.u-open-sans-300 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300 !important;
}

.u-open-sans-400 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400 !important;
}

.u-open-sans-600 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600 !important;
}

.u-open-sans-700 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700 !important;
}

.u-open-sans-800 {
  font-family: "Open Sans", sans-serif;
  font-weight: 800 !important;
}

/* -- Base Font Sizes -- */
/* -- Font Sizes, s-xl -- */
.u-font-size-xs {
  font-size: 0.85em !important;
}

.u-font-size-sm {
  font-size: 1em !important;
}

.u-font-size-md {
  font-size: 1.25em !important;
}

.u-font-size-lg {
  font-size: 1.5em !important;
}

.u-font-size-xl {
  font-size: 1.75em !important;
}

/* -- Font Colors for white or light backgrounds, check contrast https://webaim.org/resources/contrastchecker/ -- */
.u-color-maroon {
  color: #500000 !important;
}

.u-color-gray-500 {
  color: #707373 !important;
}

.u-color-gray-600 {
  color: #3e3e3e !important;
}

.u-color-gray-700 {
  color: #332c2c !important;
}

.u-color-gray-800 {
  color: #2b2021 !important;
}

.u-color-gray-900 {
  color: #241618 !important;
}

.u-color-black {
  color: #000000 !important;
}

.u-color-blue-100 {
  color: #006483 !important;
}

.u-color-blue-200 {
  color: #004362 !important;
}

/* -- Font Colors for dark backgrounds, check color contrast https://webaim.org/resources/contrastchecker/ -- */
.u-color-white {
  color: #ffffff;
}

.u-color-gray-100 {
  color: #eaeaea !important;
}

.u-color-gray-200 {
  color: #eef0f0 !important;
}

.u-color-gray-200 {
  color: #d1d5d4 !important;
}

/* -- Text Align -- */
.u-text-align-l {
  text-align: left !important;
}

.u-text-align-c {
  text-align: center !important;
}

.u-text-align-r {
  text-align: right !important;
}

.u-text-align-i {
  text-align: inherit !important;
}

/* -- Text Transform -- */
.u-text-transform-u {
  text-transform: uppercase !important;
}

.u-text-transform-l {
  text-transform: lowercase !important;
}

.u-text-transform-n {
  text-transform: none !important;
}

/* -- Letter Spacing -- */
.u-letter-spacing-1 {
  letter-spacing: 1px !important;
}

.u-letter-spacing-2 {
  letter-spacing: 2px !important;
}

.u-letter-spacing-3 {
  letter-spacing: 3px !important;
}

/* -- Borders -- */
.u-border {
  border: 1px solid !important;
}

.u-border-t {
  border-top: 1px solid !important;
}

.u-border-r {
  border-right: 1px solid !important;
}

.u-border-b {
  border-bottom: 1px solid !important;
}

.u-border-l {
  border-left: 1px solid !important;
}

/* -- Padding -- */
.u-padding-0 {
  padding: 0px !important;
}

.u-padding-xs {
  padding: 0.5rem !important;
}

.u-padding-sm {
  padding: 1rem !important;
}

.u-padding-md {
  padding: 1.25rem !important;
}

.u-padding-lg {
  padding: 1.5rem !important;
}

.u-padding-xl {
  padding: 2rem !important;
}

.u-padding-t-sm {
  padding-top: 1rem !important;
}

.u-padding-t-md {
  padding-top: 1.25rem !important;
}

.u-padding-t-lg {
  padding-top: 1.5rem !important;
}

.u-padding-t-xl {
  padding-top: 2rem !important;
}

.u-padding-r-sm {
  padding-right: 1rem !important;
}

.u-padding-r-md {
  padding-right: 1.25rem !important;
}

.u-padding-r-lg {
  padding-right: 1.5rem !important;
}

.u-padding-r-xl {
  padding-right: 2rem !important;
}

.u-padding-b-sm {
  padding-bottom: 1rem !important;
}

.u-padding-b-md {
  padding-bottom: 1.25rem !important;
}

.u-padding-b-lg {
  padding-bottom: 1.5rem !important;
}

.u-padding-b-xl {
  padding-bottom: 2rem !important;
}

.u-padding-l-sm {
  padding-left: 1rem !important;
}

.u-padding-l-md {
  padding-left: 1.25rem !important;
}

.u-padding-l-lg {
  padding-left: 1.5rem !important;
}

.u-padding-l-xl {
  padding-left: 2rem !important;
}

/* -- Margins -- */
.u-margin-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-margin-sm {
  margin: 1rem !important;
}

.u-margin-md {
  margin: 1.25rem !important;
}

.u-margin-lg {
  margin: 1.5rem !important;
}

.u-margin-xl {
  margin: 2rem !important;
}

.u-margin-t-sm {
  margin-top: 1rem !important;
}

.u-margin-t-md {
  margin-top: 1.25rem !important;
}

.u-margin-t-lg {
  margin-top: 1.5rem !important;
}

.u-margin-t-xl {
  margin-top: 2rem !important;
}

.u-margin-r-sm {
  margin-right: 1rem !important;
}

.u-margin-r-md {
  margin-right: 1.25rem !important;
}

.u-margin-r-lg {
  margin-right: 1.5rem !important;
}

.u-margin-r-xl {
  margin-right: 2rem !important;
}

.u-margin-b-sm {
  margin-bottom: 1rem !important;
}

.u-margin-b-md {
  margin-bottom: 1.25rem !important;
}

.u-margin-b-lg {
  margin-bottom: 1.5rem !important;
}

.u-margin-b-xl {
  margin-bottom: 2rem !important;
}

.u-margin-l-sm {
  margin-left: 1rem !important;
}

.u-margin-l-md {
  margin-left: 1.25rem !important;
}

.u-margin-l-lg {
  margin-left: 1.5rem !important;
}

.u-margin-l-xl {
  margin-left: 2rem !important;
}

/* -- Vertical Alignments -- */
.u-vertical-align-t {
  vertical-align: top !important;
}

.u-vertical-align-m {
  vertical-align: middle !important;
}

.u-vertical-align-b {
  vertical-align: bottom !important;
}

.u-vertical-align-text-t {
  vertical-align: text-top !important;
}

.u-vertical-align-text-b {
  vertical-align: text-bottom !important;
}

/* -- Widths -- */
.u-width-10 {
  width: 10% !important;
}

.u-width-20 {
  width: 20% !important;
}

.u-width-30 {
  width: 30% !important;
}

.u-width-40 {
  width: 40% !important;
}

.u-width-50 {
  width: 50% !important;
}

.u-width-60 {
  width: 60% !important;
}

.u-width-70 {
  width: 70% !important;
}

.u-width-80 {
  width: 80% !important;
}

.u-width-90 {
  width: 90% !important;
}

.u-width-100 {
  width: 100% !important;
}

.u-width-80-center {
  width: 80vw !important;
  margin: 0 auto;
}

.u-width-90-center {
  width: 90vw !important;
  margin: 0 auto;
}

.u-width-100-center {
  width: 100vw !important;
  margin: 0 auto;
}

.u-width-1300-center {
  max-width: 1300px !important;
  margin: 0 auto;
}

.show-for-sr {
  display: none;
}

body {
  font-family: "Open Sans";
}

h1 {
  font-family: "Oswald";
  font-weight: 700;
  font-size: 8rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 1rem auto 0 auto;
  color: #ffffff;
  margin-top: -10rem;
}

h2 {
  font-weight: 500;
  font-size: 3rem;
  line-height: 4rem;
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  color: #500000;
  text-transform: uppercase;
}

h3 {
  font-size: 1.4rem;
  font-weight: bold;
  font-style: italic;
  color: #500000;
  line-height: 2rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#about h2 {
  margin-top: 2rem;
}

h2.right-line {
  display: flex;
}
h2.right-line:after {
  display: flex;
  content: "";
  border-top: 1px solid;
  margin: 2rem;
  flex: 1 0 20px;
  color: #3e3e3e;
}

h3.right-line {
  display: flex;
}
h3.right-line:after {
  display: flex;
  content: "";
  border-top: 1px solid;
  margin: 1rem;
  flex: 1 0 20px;
  color: #3e3e3e;
}

.u-bg-maroon h3 a {
  color: #ffffff;
  text-decoration: none;
}
.u-bg-maroon h3 a:hover, .u-bg-maroon h3 a:focus {
  color: #d1d5d4;
}

.u-bg-maroon h3 {
  color: #ffffff;
}

em {
  font-style: italic;
}

h4 {
  color: #732f2f !important;
  font-weight: 600;
}
h4 a, h4 em a {
  text-decoration: none;
  border-bottom: 1px dotted;
  cursor: pointer;
}
h4 a:hover, h4 a:focus, h4 a:visited, h4 em a:hover, h4 em a:focus, h4 em a:visited {
  color: #500000;
  border-bottom: 1px solid #500000;
}

p {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

p a {
  color: #500000;
  text-decoration: none;
  border-bottom: 1px dotted;
  font-weight: bold;
}
p a:hover {
  color: #004362;
  text-decoration: none;
  border-bottom: 1px solid #004362;
}

/** hero section **/
.c-hero {
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3rem;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-image: url("../../images/reveille-x-hero.jpg");
  height: 68vh;
  background-attachment: fixed;
  background-position: center -110px;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-hero nav {
    display: flex;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
    align-items: center;
}
.c-hero nav a {
  color: white;
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*
.c-hero nav ul {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
*/

.c-hero nav ul li {
    padding: 1rem;
    display: inline-flex;
}


.c-hero nav ul li a:hover, .c-hero nav ul li a:focus {
  color: #a7abaa;
  border-bottom: 1px solid #a7abaa;
}
.c-hero nav img {
  height: 3rem;
  display: flex;
}

#about {
  margin-top: -10rem;
  position:relative;
}

.c-main-text {
  justify-content: center;
  width: 100%;
  background: linear-gradient(transparent, transparent 15rem, #fff, #fff 5rem);
}
.c-main-text section {
  max-width: 800px;
  padding: 2.5rem 2rem;
  margin-left: auto;
  margin-right: auto;
}
.c-main-text .image-circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 0px solid #ffffff;
}
.c-main-text .image-circle img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
   border: 5px solid #ffffff;
}
.c-main-text .c-icons-container--dark {
  display: flex;
  align-items: center;
  max-width: 530px;
}
.c-main-text .c-icons-container--dark a {
  color: #ffffff;
  text-decoration: none;
}
.c-main-text .c-icons-container--dark a:hover, .c-main-text .c-icons-container--dark a:focus {
  color: #a7abaa;
}
.c-main-text .c-icons-container--dark a h3 {
  color: #ffffff;
}
.c-main-text .c-icons-container--dark a h3:hover, .c-main-text .c-icons-container--dark a h3:focus {
  color: #a7abaa;
}
.c-main-text .c-icons-container--dark div a {
  display: flex;
  gap: 1rem;
  padding: 0 0.75rem 0.75rem 0.75rem;
}
.c-main-text .c-icons-container--dark .fab.fa-twitter.fa-2x, .c-main-text .c-icons-container--dark .fab.fa-instagram.fa-2x {
  padding: 0 0.5rem 0 1rem;
}
.c-main-text .c-icons-container--light {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 270px;
}
.c-main-text .c-icons-container--light a {
  color: #500000;
  text-decoration: none;
}
.c-main-text .c-icons-container--light a:hover, .c-main-text .c-icons-container--light a:focus {
  color: #a7abaa;
}
.c-main-text aside {
  border-left: 6px solid #955e5d;
  padding-left: 1rem;
  margin: 2rem 0;
}

.c-grid-columns {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.c-grid-columns img {
  max-width: 100%;
  height: auto;
  margin: 1.5rem 2rem 2rem 0;
}

.c-grid-columns-50 {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.c-grid-columns-50 img {
  max-width: 100%;
  height: auto;
  margin: 1.5rem 2rem 2rem 0;
}

.c-flex-columns {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem auto 1rem auto;
}
.c-flex-columns--30 {
  margin-top: 1rem;
}
.c-flex-columns--30 img {
  width: 30%;
  height: auto;
}
.c-flex-columns--50 img {
  width: 100%;
  height: 100%;
}
.c-flex-columns--center {
  justify-content: space-around;
}

.gradient-background {
  background: rgb(255, 255, 255);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 31%, rgb(234, 234, 234) 31%, rgb(234, 234, 234) 71%, rgb(234, 234, 234) 71%, rgb(255, 255, 255) 71%, rgb(255, 255, 255) 100%);
}

.c-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
  gap: 0px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.c-grid-container img {
  width: 100%;
  height: auto;
}

.c-button {
  display: inline-block;
  margin: 0.5rem auto 2rem auto;
  padding: 1rem 6rem;
  transition: 0.3s ease-in-out;
  border-width: 3px;
  border-style: solid;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  max-width: 333px;
}

.c-button_maroon-ghost {
  background-color: transparent;
  border-color: #500000;
  color: #500000;
}

.c-button_maroon-ghost:hover {
  background-color: #500000;
  color: #ffffff;
}

.button {
  display: block;
  margin: 1rem 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: bold;
  padding: 1em 4em;
  letter-spacing: 1px;
  transition: 0.1s ease;
  max-width: 330px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.button--white {
  border: solid 3px #fff;
  background: none;
  color: #fff;
}
.button--white:hover {
  box-shadow: 0.3em 0.3em 0 0 #fff;
  color: #fff;
  border: solid 3px #fff;
}
.button--maroon {
  border: solid 3px #500000;
  background: none;
  color: #500000;
}
.button--maroon:hover {
  box-shadow: 0.3em 0.3em 0 0 #500000;
}

h4 a, h4 em a {
  text-decoration: none;
  border-bottom: 1px dotted;
  cursor: pointer;
  color: #732f2f;
}
h4 a:hover, h4 a:focus, h4 a:visited, h4 em a:hover, h4 em a:focus, h4 em a:visited {
  color: #500000;
  border-bottom: 1px solid #500000;
}

h2 .superheader {
  display: block;
  font-size: 1.25rem;
  color: #732f2f;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  margin-top: 2rem;
  text-transform: none;
  letter-spacing: 0;
}

#about h2.statue-header {
  margin-top: 0;
}

p.donor-label {
  color: #732f2f;
  font-size: 1.25rem;
  font-style: italic;
}

ul.donor-list {
  padding-left: 2rem;
  border-left: dotted #732f2f 1px;
  column-count: 2;
  column-gap: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 450px) {
  ul.donor-list {
    column-count: 1;
  }
}
ul.donor-list li {
  margin-bottom: 0.75rem;
  line-height: 1.5;
  break-inside: avoid;
}

.c-footer {
  background: #f7f7f7;
  padding-top: 2rem;
}
.c-footer section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 70rem;
  margin: auto;
}
.c-footer section img {
  width: 15rem;
  height: auto;
}
.c-footer section .c-footer_social-items {
  display: flex;
  max-width: 225px;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 2rem auto 2rem;
}
.c-footer section .c-footer_social-items:after, .c-footer section .c-footer_social-items:before {
  content: "";
  border-top: 1px solid;
  -webkit-box-flex: 1;
  flex: 1 0 40px;
  color: #b3b3b3;
}
.c-footer section .c-footer_social-items:before {
  margin: 0 1rem 0 0;
}
.c-footer section .c-footer_social-items:after {
  margin: 0 0 0 1rem;
}
.c-footer section .c-footer_social-items ul {
  display: flex;
  justify-content: space-evenly;
}
.c-footer section .c-footer_social-items ul li {
  list-style: none;
  margin: 0 0.375rem;
}
.c-footer section .c-footer_social-items ul li a {
  color: #500000;
}
.c-footer section .c-footer_social-items ul li a:hover {
  color: #e4002b;
}
.c-footer section .c-footer_contact {
  margin: 0 auto 2rem auto;
  font-style: italic;
}
.c-footer section .c-footer_contact a {
  color: #500000;
  text-decoration: none;
  border-bottom: 1px dotted;
  font-weight: bold;
}
.c-footer section .c-footer_contact a:hover {
  color: #004362;
  text-decoration: none;
  border-bottom: 1px solid #004362;
}
.c-footer .c-footer_submenu {
  background-color: #500000;
  padding: 0.75rem 0;
}
.c-footer .c-footer_submenu ul {
  display: flex;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .c-footer .c-footer_submenu ul {
    flex-direction: column;
  }
}
.c-footer .c-footer_submenu ul li {
  list-style: none;
  margin: 0.5rem 1rem;
}
@media (min-width: 768px) {
  .c-footer .c-footer_submenu ul li {
    margin: 1rem;
  }
}
.c-footer .c-footer_submenu ul li a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted;
}
.c-footer .c-footer_submenu ul li a:hover {
  color: #939393;
  text-decoration: none;
  border-bottom: 1px solid;
}

.image-container {
  overflow: hidden;
  position: relative;
  background: #500000;
  margin: 0;
  font-family: "open sans", sans-serif;
}
.image-container img {
  width: 100%;
  height: auto;
}
.image-container figcaption {
  bottom: -2rem;
  width: 100%;
}
.image-container figcaption {
  font-family: "Oswald", sans-serif;
  font-size: 1.8rem;
  color: #fff;
  margin: 0;
  font-weight: 300;
  line-height: 120%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  letter-spacing: 1px;
  padding: 1rem 2rem 2rem 1rem;
}
.image-container figcaption span {
  display: block;
  font-size: 1rem;
}

@media only screen and (min-width: 80rem) {
  .image-container figcaption {
    position: absolute;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.4s ease;
    background: rgba(80, 0, 0, 0.7);
  }
  .image-container:focus figcaption, .image-container:hover figcaption {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
}
/*
  .c-image-container {
    display:flex;
    max-width:900px;
    flex-wrap:wrap;
    justify-content: space-between;


  figure {
    margin:0;
   padding:0;
  }
  .item {
    width:32%;
    margin-bottom:1.3em;
  }

  .item img {
    width:100%;
  }

  .item figcaption {
    // font-family: 'Permanent Marker', cursive;
  }

  .name {
    font-size:1.25em;
    padding:0;
    margin:0;
    // margin-top:-28%;
    // margin-left:14%;
    line-height: 2.2rem;
  }

  .dates {
    margin: 0;
    padding: 0;
    display:block;
    font-size:.7em;
    margin-top:-.5em;
  }

}




  media queries

  @media only screen and (max-width: 800px) {
    .c-image-container {
    .item {
    width:50%;
    }

  .name {
    //font-size:2rem;
    padding:0;
    margin:0;
    // margin-top:-28%;
    // margin-left:14%;
  }

  .dates {
    //font-size:1rem;
    padding:0;
    margin:0;
    margin-top:-3.5%;
    //margin-left:17%;
  } 
 }     
}


  @media only screen and (max-width: 675px) {

    .c-image-container {
    .item {
      margin:0 auto;
      width:75%;
      margin-bottom:1.3em;
  }

  .name {
    //font-size:2rem;
    padding:0;
    margin:0;
    margin-top:-29%;
    margin-left:14%;
  }

  .dates {
    //font-size:1rem;
    padding:0;
    margin:0;
    //margin-top:-3.5%;
    //margin-left:17%;
  }  
 }
}




  @media only screen and (max-width: 550px) {

    .c-image-container {
    .item {
      margin:0 auto;
    width:75%;
    margin-bottom:1.3em;
  }

  .name {
    //font-size:1.8rem;
    padding:0;
    margin:0;
    margin-top:-28%;
    margin-left:14%;
  }

  .dates {
    //font-size: .95rem;
    padding:0;
    margin:0;
    margin-top:-3.5%;
    margin-left:17%;
  }

}

}


  */
/*
@media only screen and (max-width: 995px) {

    .c-hero h1 {
        font-size: 9rem;
    }
	.c-icons-container {
	  flex-direction: column;
	}
	.c-icons-container div {
	  width: 90%;
	}
    h2 {
        font-size: 2.75rem;
    }
    .c-hero {
        height: 60vh;
    }
    h1 {
        margin-top: -8rem;
    }
    #about h2 {
        margin-top: 1rem;
    }
    .c-main-text section {
        padding: 1rem;
    }
    h3.right-line::after {
        display: none;
    }
    .c-flex-columns {
        flex-direction: column;
        &--center {
        }
    }
}*/
@media (min-width: 551px) and (max-width: 900px) {
  .c-main-text section {
    max-width: 100%;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
  .c-flex-columns {
    padding: 1rem auto 1rem auto;
  }
  .c-flex-columns--30 {
    margin-top: 1rem;
  }
  .c-flex-columns--30 img {
    width: 30%;
  }
  .c-flex-columns--50 img {
    width: 50%;
  }
  .c-flex-columns--center {
    justify-content: space-around;
  }
  .c-grid-columns-50 {
    grid-template-columns: 100% 100%;
  }
  .c-grid-columns-50 div {
    grid-column: 1;
    grid-row: 1;
  }
  .c-grid-columns-50 img {
    grid-column: 1;
    grid-row: 2;
  }
  .c-hero {
    padding-top: 1rem;
  }
  .c-hero nav a {
    font-size: 0.95rem;
  }
  h1 {
    font-size: 6rem;
    margin-top: -6.5rem;
  }
  .c-hero nav ul li {
    padding: 0.5rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3.right-line::after {
    display: none;
  }
  .image-container figcaption {
    font-size: 1.2rem;
    padding: 0.5rem;
    width: 90%;
  }
  .embed-container {
    margin-right: 0.5rem;
  }
}
@media (min-width: 0px) and (max-width: 550px) {
  .c-main-text section {
    max-width: 100%;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
  .c-flex-columns {
    padding: 1rem auto 1rem auto;
    flex-direction: column-reverse;
  }
  .c-flex-columns--30 {
    margin-top: 1rem;
  }
  .c-flex-columns--30 img {
    width: 30%;
    height: auto;
  }
  .c-flex-columns--50 img {
    width: 100%;
    height: auto;
  }
  .c-flex-columns--center {
    justify-content: space-around;
  }
  .c-flex-columns img {
    width: 100%;
    height: auto;
  }
  .c-grid-columns {
    grid-template-columns: 100% 100%;
  }
  .c-grid-columns div {
    grid-column: 1;
    grid-row: 1;
  }
  .c-grid-columns img {
    grid-column: 1;
    grid-row: 2;
  }
  .c-grid-columns-50 {
    grid-template-columns: 100% 100%;
  }
  .c-grid-columns-50 div {
    grid-column: 1;
    grid-row: 1;
  }
  .c-grid-columns-50 img {
    grid-column: 1;
    grid-row: 2;
  }
  .c-hero nav {
    flex-direction: column;
  }
  .c-hero {
    padding-top: 1rem;
    background-image: url("../../images/reveille-x-hero-mobile.jpg");
    height: 68vh;
    background-attachment: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .c-hero nav a {
    font-size: 0.95rem;
  }
  .c-hero nav ul {
    justify-content: center;
  }
  .c-hero nav ul li {
    padding: 0.5rem;
  }
  h1 {
    font-size: 4rem;
    letter-spacing: 1px;
    margin-top: -4.5rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3.right-line::after, h2.right-line::after {
    display: none;
  }
  .image-container figcaption {
    font-size: 1rem;
    padding: 0.5rem;
    width: 90%;
  }
  .embed-container {
    margin-right: 0.5rem;
  }
  .c-main-text .image-circle {
    width: 100px;
    height: 100px;
  }
  .c-main-text .image-circle img {
    width: 100px;
    height: 100px;
  }
  .c-grid-columns {
    margin-top: 0;
  }
  .image-container figcaption {
    font-size: 1.1rem;
    padding: 0.25rem 1rem;
  }
  .c-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  }
  .image-container:last-child:nth-child(3n+3) {
    grid-column-end: 5;
    grid-column: 1/3;
  }
}
/*!
 * fullPage 3.0.8
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box; /* <=28 */
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.fp-right {
  right: 17px;
}

#fp-nav.fp-left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}

.fp-slidesNav.fp-bottom {
  bottom: 17px;
}

.fp-slidesNav.fp-top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #333333;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.fp-right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.fp-left {
  left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

          .embed-container {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
            max-width: 100%;
          }

          .embed-container iframe,
          .embed-container object,
          .embed-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
          }


.follow-rev{
    width: 200px;
     
}

.follow-rev ul li{
    display:flex;
}