/* Google Font Import must be listed first in the CSS file. */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700italic,700);
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ============================================================= */
/* 1. Correct the line height in all browsers. */
/* 2. Prevent adjustments of font size after orientation changes in iOS. */
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Sanchez:400italic,400);
@import url(https://fonts.googleapis.com/css?family=Roboto:100);
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections ============================================================= */
/* Remove the margin in all browsers. */
body {
  margin: 0;
}

/* Correct the font size and margin on 'h1' elements within 'section' and
'article' contexts in Chrome, Firefox and Safari. */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping Content ====================================================== */
/* 1. Add the correct box sizing in Firefox. */
/* 2. Show the overflow in Edge and IE. */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* 1. Correct the inheritance and scaling of font size in all browsers. */
/* 2. Correct the odd `em` font sizing in all browsers. */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-Level Semantics =================================================== */
/* Remove the gray background on active links in IE 10. */
a {
  background-color: transparent;
}

/* 1. Remove the bottom border in Chrome 57- */
/* 2. Add the correct text decoration in Chrome, Edge, IE, Opera and Safari. */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/* Add the correct font weight in Chrome, Edge and Safari. */
b, strong {
  font-weight: bolder;
}

/* 1. Correct the inheritance and scaling of font size in all browsers. */
/* 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Add the correct font size in all browsers. */
small {
  font-size: 80%;
}

/* Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded Content ===================================================== */
/* Remove the border on images inside links in IE 10. */
img {
  border-style: none;
}

/* Forms ================================================================ */
/* 1. Change the font styles in all browsers. */
/* 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/* Show the overflow in IE. */
/* 1. Show the overflow in Edge. */
button, input {
  /* 1 */
  overflow: visible;
}

/* Remove the inheritance of text transform in Edge, Firefox and IE. */
/* 1. Remove the inheritance of text transform in Firefox. */
button, select {
  /* 1 */
  text-transform: none;
}

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Correct the padding in Firefox. */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/* 1. Correct the text wrapping in Edge and IE. */
/* 2. Correct the color inheritance from 'fieldset' elements in IE. */
/* 3. Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/* Add the correct vertical alignment in Chrome, Firefox and Opera. */
progress {
  vertical-align: baseline;
}

/* Remove the default vertical scrollbar in IE 10+. */
textarea {
  overflow: auto;
}

/* 1. Add the correct box sizing in IE 10. */
/* 2. Remove the padding in IE 10. */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* 1. Correct the odd appearance in Chrome and Safari. */
/* 2. Correct the outline style in Safari. */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/* Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* 1. Correct the inability to style clickable types in iOS and Safari. */
/* 2. Change font properties to 'inherit' in Safari. */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive ========================================================== */
/* Add the correct display in Edge, IE 10+ and Firefox. */
details {
  display: block;
}

/* Add the correct display in all browsers. */
summary {
  display: list-item;
}

/* Misc ================================================================= */
/* Add the correct display in IE 10+. */
template {
  display: none;
}

/* Add the correct display in IE 10. */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
  padding: 0;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*! Copyright Elgin Enterprises */
/*////////////////////////////////////////////////////////////////////

Primary color variables must be defined at the top before they can be adjusted by percentages below.

When new primary colors are added or changed, the shade percentages may have to be adjusted. It's not uncommon to use a color from a different section for a link color, hover color, etc. For instance, the $primary-text color might use $banner or it might simply use $white.

*/
/*! Copyright Elgin Enterprises */
/*! Copyright Elgin Enterprises */
.sm {
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
}

.sm-rtl, .sm-rtl ul, .sm-rtl li {
  direction: rtl;
  text-align: right;
}

.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {
  margin: 0;
  padding: 0;
}

.sm ul {
  display: none;
}

.sm li, .sm a {
  position: relative;
}

.sm a {
  display: block;
}

.sm a.disabled {
  cursor: default;
}

.sm::after {
  content: "";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  overflow: hidden;
}

.sm *, .sm *::before, .sm *::after {
  box-sizing: inherit;
}

/*////////////////////////////////////////////////////////////////////

Primary color variables must be defined at the top before they can be adjusted by percentages below.

When new primary colors are added or changed, the shade percentages may have to be adjusted. It's not uncommon to use a color from a different section for a link color, hover color, etc. For instance, the $primary-text color might use $banner or it might simply use $white.

*/
/*! Copyright Elgin Enterprises */
.sm-blue {
  background: transparent;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1200px) {
  .sm-blue {
    flex-basis: 100%;
    margin: 0 1.4rem 1.4rem 1.4rem;
  }
}
@media screen and (max-width: 1200px) and (max-width: 900px) {
  .sm-blue {
    margin: 0 1.2rem 1.2rem 1.2rem;
  }
}
@media screen and (max-width: 1200px) and (max-width: 600px) {
  .sm-blue {
    margin: 0 1rem 1rem 1rem;
  }
}

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
  padding-right: 58px;
  background: #2F4E6B;
  background-image: linear-gradient(to bottom, #325372, #2c4964);
  color: #F9F5E9;
  font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.sm-blue a.current {
  background: #006892;
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: #F9F5E9;
}
.sm-blue a.disabled {
  color: #729bc1;
}
.sm-blue a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.sm-blue a .sub-arrow::before {
  content: '+';
}
.sm-blue a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  border-radius: 8px 8px 0 0;
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 8px 8px;
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-blue ul {
  background: #F9F5E9;
}
.sm-blue ul ul {
  background: rgba(138, 113, 38, 0.1);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #274159;
  font-size: 16px;
  text-shadow: none;
  border-left: 18px solid transparent;
}
.sm-blue ul a.current {
  background: #006892;
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: #F9F5E9;
}
.sm-blue ul a.disabled {
  color: #d8be71;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 36px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 54px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 72px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 90px solid transparent;
}
.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 1201px) {
  .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  .sm-blue {
    background: #2F4E6B;
    background-image: linear-gradient(to bottom, #325372, #2c4964);
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 15px;
    background: #2F4E6B;
    background-image: linear-gradient(to bottom, #325372, #2c4964);
    color: #F9F5E9;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #274159;
    background-image: linear-gradient(to bottom, #2a4660, #243c52);
  }
  .sm-blue a.current {
    background: #006892;
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: #F9F5E9;
  }
  .sm-blue a.disabled {
    background: #2F4E6B;
    background-image: linear-gradient(to bottom, #325372, #2c4964);
    color: #729bc1;
  }
  .sm-blue a .sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 1px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #729bc1 transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }
  .sm-blue a .sub-arrow::before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    border-radius: 8px 0 0 8px;
  }
  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
    border-radius: 0 8px 8px 0 !important;
  }
  .sm-blue > li {
    border-left: 1px solid #274159;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #d4b761;
    padding: 7px 0;
    background: #F9F5E9;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
  }
  .sm-blue ul ul {
    border-radius: 4px !important;
    background: #F9F5E9;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    background: transparent;
    color: #274159;
    border-radius: 0 !important;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #2F4E6B;
    background-image: linear-gradient(to bottom, #325372, #2c4964);
    color: #F9F5E9;
  }
  .sm-blue ul a.current {
    background: #006892;
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: #F9F5E9;
  }
  .sm-blue ul a.disabled {
    background: #F9F5E9;
    color: #d8be71;
  }
  .sm-blue ul a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #729bc1;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue .scroll-up,
  .sm-blue .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #F9F5E9;
    height: 20px;
  }
  .sm-blue .scroll-up-arrow,
  .sm-blue .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #274159 transparent;
  }
  .sm-blue .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #274159 transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #729bc1 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    border-radius: 0 8px 8px 0;
  }
  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
    border-radius: 8px 0 0 8px !important;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #274159;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #729bc1 transparent transparent;
  }
  .sm-blue.sm-vertical {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #729bc1;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    border-radius: 0 0 8px 8px !important;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}
/*////////////////////////////////////////////////////////////////////

Primary color variables must be defined at the top before they can be adjusted by percentages below.

When new primary colors are added or changed, the shade percentages may have to be adjusted. It's not uncommon to use a color from a different section for a link color, hover color, etc. For instance, the $primary-text color might use $banner or it might simply use $white.

*/
/*! Copyright Elgin Enterprises */
.main-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.main-nav:after {
  clear: both;
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.main-menu-btn {
  margin: 0 2.8rem 0 0;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 1201px) {
  .main-menu-btn {
    /* Hide the Button in Desktop View */
    position: absolute;
    top: -99999px;
  }
}
@media screen and (max-width: 900px) {
  .main-menu-btn {
    margin: 0 2.4rem 0 0;
  }
}
@media screen and (max-width: 600px) {
  .main-menu-btn {
    margin: 0 2rem 0 0;
  }
}
@media screen and (max-width: 400px) {
  .main-menu-btn {
    margin: 0 1rem 0 0;
  }
}

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #F9F5E9;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
@media screen and (min-width: 1201px) {
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

.sidebar, .sidebar_center {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 1rem;
}
.sidebar_center {
  text-align: center;
}
.sidebar__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.sidebar__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .sidebar__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .sidebar__titleH1 {
    font-size: 1.4rem;
  }
}
.sidebar__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.sidebar__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .sidebar__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .sidebar__titleH2 {
    font-size: 1.3rem;
  }
}
.sidebar__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.sidebar__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .sidebar__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .sidebar__titleH3 {
    font-size: 1.2rem;
  }
}
.sidebar__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.sidebar__copy:last-child {
  margin-bottom: 0;
}
.sidebar__image {
  display: block;
  width: 100%;
}
.sidebar__image_left {
  float: left;
  margin: 0 .7rem .5rem 0px;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .sidebar__image_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.sidebar__image_right {
  float: right;
  margin: 0 0 .5rem .7rem;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .sidebar__image_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.sidebar__image_narrowRight {
  float: right;
  margin: 0 0 .5rem .7rem;
  width: 40%;
}
.sidebar__image_narrowLeft {
  float: left;
  margin: 0 .7rem .5rem 0px;
  width: 40%;
}
.sidebar__image_border {
  border: thin solid #000000;
}
.sidebar__image_top {
  display: block;
  margin-bottom: 1rem;
  width: 100%;
}
.sidebar__image_guitar {
  display: block;
  margin: 1rem 0;
  width: 80%;
}
.sidebar__image_middle {
  display: block;
  margin: 1rem 0;
  width: 100%;
}
.sidebar__image_bottom {
  display: block;
  margin-top: 1rem;
  width: 100%;
}

/* Required HTML

	<div class="sidebar">
		<h3 class="sidebar__titleH3">Aside H3 Title</h3>
		<p class="sidebar__copy">Temporary filler text: lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam finibus, dui eget interdum imperdiet ipsum.</p>
		<img class="sidebar__image" src="../images/placeholders/image.svg" width="200px" alt="TITLE">
	</div>

*/
.menu__categoryFrame {
  margin: 1.5rem 0 1rem 0;
  border: thin dotted #BEBEBE;
}
.menu__categoryFrame:first-child {
  margin-top: 0;
}
.menu__category {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  opacity: .5;
  border-bottom: thin solid black;
}
.menu__category_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .menu__category {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .menu__category {
    font-size: 1.2rem;
  }
}
.menu__categoryDescription {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  margin: 0;
}
.menu__categoryDescription:last-child {
  margin-bottom: 0;
}
.menu__item {
  display: flex;
  margin-bottom: 1rem;
  border: thin dotted #BEBEBE;
}
.menu__item:last-child {
  margin-bottom: 0;
}
.menu__image {
  display: block;
  width: 150px;
  height: 150px;
  margin-right: .5rem;
}
@media screen and (max-width: 900px) {
  .menu__image {
    width: 100px;
    height: 100px;
  }
}
.menu__details {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border: thin dotted #BEBEBE;
}
.menu__titlePrice {
  display: flex;
  border: thin dotted #BEBEBE;
}
.menu__titlePrice_stacked {
  display: block;
  border: thin dotted red;
}
.menu__price {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  text-align: right;
  margin-left: .5rem;
  white-space: nowrap;
  border: thin dotted #BEBEBE;
}
.menu__price:last-child {
  margin-bottom: 0;
}
.menu__price_stacked {
  text-align: left;
  margin: 0;
  border: thin dotted red;
}
.menu__title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  flex-grow: 1;
  margin: 0;
  font-weight: bold;
  border: thin dotted #BEBEBE;
}
.menu__title:last-child {
  margin-bottom: 0;
}
.menu__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  margin-top: .1rem;
  border: thin dotted #BEBEBE;
}
.menu__description:last-child {
  margin-bottom: 0;
}
.menu__spaceRight {
  margin-right: 1rem;
}

/* Section CSS

.SECTION {
	&__menu {
		padding: $frame-mobile;
		background-color: rgba(255, 255, 255, 0.9);
		border: thin solid rgba(0, 0, 0, 0.1);
	}
}

*/
/* Required HTML

	<div class="SECTION__menu">

		<div class="menu">
			<div class="menu__categoryFrame">
				<h3 class="menu__category_H3">Section Category</h3>   <--- This is outdated and needs to be checked.
				<p class="menu__categoryDescription">Optional category description.<br>
					Small | Medium | Large</p>
			</div>
			<div class="menu__item"> <img src="../../images/placeholders/image.gif" alt="TITLE" width="100px" class="menu__image">
				<div class="menu__details">
					<div class="menu__titlePrice">
						<p class="menu__title">TITLE</p>
						<p class="menu__price">XX | XX | XX</p>
					</div>
					<p class="menu__description">Temporary filler text: lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam finibus, dui eget interdum imperdiet, dui eros tempus sem, vitae fringilla nisl nisi ultrices ipsum.</p>
				</div>
			</div>
			<!-- Use "Stacked" for Long Price Options -->
			<div class="menu__item">
				<div class="menu__details">
					<div class="menu__titlePrice menu__titlePrice_stacked">
						<p class="menu__title">TITLE</p>
						<p class="menu__price menu__price_stacked">Small XX | Medium XX | Large XX</p>
					</div>
					<p class="menu__description">Temporary filler text: lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam finibus, dui eget interdum imperdiet, dui eros tempus sem, vitae fringilla nisl nisi ultrices ipsum.</p>
				</div>
			</div>
			<div class="menu__item"> <img src="../../images/placeholders/image.gif" alt="TITLE" width="100px" class="menu__image">
				<div class="menu__details">
					<div class="menu__titlePrice">
						<p class="menu__title">TITLE</p>
						<p class="menu__price">XX</p>
					</div>
					<p class="menu__description">DESCRIPTION</p>
				</div>
			</div>
			<div class="menu__categoryFrame">
				<h2 class="menu__category">Section Category</h2>
			</div>
			<div class="menu__item">
				<div class="menu__details">
					<div class="menu__titlePrice">
						<p class="menu__title">TITLE</p>
						<p class="menu__price">XX</p>
					</div>
					<p class="menu__description">DESCRIPTION</p>
				</div>
			</div>
			<div class="menu__item">
				<div class="menu__details">
					<div class="menu__titlePrice">
						<p class="menu__title">TITLE</p>
						<p class="menu__price">XX</p>
					</div>
				</div>
			</div>
		</div>

	</div>

*/
.sidenav {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidenav__listItem {
  display: block;
  margin-top: .5rem;
  padding: .25rem;
  border-bottom: thin solid #FFFFFF;
}
.sidenav__listItem:hover {
  background-color: #FFFFFF;
}
.sidenav__link {
  text-decoration: none;
}

/* Required HTML

	<nav>
		<ul class="sidenav">
			<li class="sidenav__listItem"><a href="#" class="sidenav__link">Section 01</a></li>
			<li class="sidenav__listItem"><a href="#" class="sidenav__link">Section 02</a></li>
			<li class="sidenav__listItem"><a href="#" class="sidenav__link">Section 03</a></li>
			<li class="sidenav__listItem"><a href="#" class="sidenav__link">Section 04</a></li>
			<li class="sidenav__listItem"><a href="#" class="sidenav__link">Section 05</a></li>
			<li class="sidenav__listItem"><a href="#" class="sidenav__link">Section 06</a></li>
			<li class="sidenav__listItem"><a href="#" class="sidenav__link">Section 07</a></li>
		</ul>
	</nav>

*/
.sectionNav {
  width: 100%;
  list-style-type: none;
  display: flex;
  padding: 0;
  margin: 1rem 0 0 0;
}
.sectionNav__left {
  flex: 1 1 49%;
}
.sectionNav__center {
  flex: 0 1 2%;
  padding: 0 .25rem;
  text-align: center;
}
.sectionNav__right {
  flex: 1 1 49%;
  text-align: right;
}
.sectionNav__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.sectionNav__copy:last-child {
  margin-bottom: 0;
}
.sectionNav__link {
  color: #487FD8;
  text-decoration: none;
}
.sectionNav__link:visited {
  color: #8852DA;
}
.sectionNav__link:hover {
  color: #A8A8A8;
}
.sectionNav__link_main {
  color: #487FD8;
  text-decoration: none;
}
.sectionNav__link_main:visited {
  color: #8852DA;
}
.sectionNav__link_main:hover {
  color: #A8A8A8;
}
.sectionNav__link_callouts {
  color: #4b5959;
  text-decoration: none;
}
.sectionNav__link_callouts:visited {
  color: #b2bebe;
}
.sectionNav__link_callouts:hover {
  color: #627475;
}
.sectionNav__link_closing {
  color: #fefefe;
  text-decoration: none;
}
.sectionNav__link_closing:visited {
  color: #e0e9e9;
}
.sectionNav__link_closing:hover {
  color: #799e9e;
}

/* Required HTML
Note: The sectionNav__center can be used when you want that to go back to an index of something like a photo gallery, etc.

For most projects, you can just use the left and right arrows, so that's why the center area is commented out..

<ul class="sectionNav">

	<li class="sectionNav__left"><p class="sectionNav__copy"><strong>&#8249;</strong> <a href="back.html" title="TITLE" class="sectionNav__link">Back</a></p></li>

<!--			
	<li class="sectionNav__center"><p class="sectionNav__copy"><a href="./" title="Index" class="sectionNav__link"><strong>&laquo;&raquo;</strong></a></p></li>
-->

	<li class="sectionNav__right"><p class="sectionNav__copy"><a href="next.html" title="TITLE" class="sectionNav__link">Next </a><strong>&#8250;</strong></p></li>

</ul>

*/
.social {
  display: flex;
  list-style: none;
  line-height: 0;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
.social_header {
  width: 270px;
}
.social_footer {
  width: 310px;
}
.social__vertical {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  max-width: none;
  height: 320px;
}
.social__link {
  outline: none;
}
.social__image {
  display: block;
  width: 30px;
  height: 30px;
}
.social__image_vertical {
  display: inline-block;
}

/* Header and Footer Sass Section Examples

.header {

	&__social {
		display: flex;
		justify-content: flex-end;
		padding: $frame-desktop;
		
		@include breakpoint(tablet) {
			padding: $frame-tablet;
		}
		
		@include breakpoint(mobile-wide) {
			padding: $frame-mobile;
		}
		
		@include breakpoint(mobile) {
			justify-content: center;
		}
	}
}

.footer {

	&__social {
		display: flex;
		justify-content: center;
		margin-bottom: $frame-desktop / 2;
		
		@include breakpoint(tablet) {
			margin-bottom: $frame-tablet / 2;
		}
		
		@include breakpoint(mobile-wide) {
			margin-bottom: $frame-mobile / 2;
		}
	}
}

*/
  /* Required HTML

<div class="SECTION__social">

	<ul class="social social_footer">

		<li class="social__icon"><a href="http://www.facebook.com/" title="Outbound Link to COMPANY at Facebook" target="_blank" rel="noopener" class="social__link"><img src="../images/social/facebook.svg" width="40px" height="40px" class="social__image" alt="Facebook"></a></li>

		<li class="social__icon"><a href="http://www.instagram.com/" title="Outbound Link to COMPANY at Instagram" target="_blank" rel="noopener" class="social__link"><img src="../images/social/instagram.svg" width="40px" height="40px" class="social__image" alt="Instagram"></a></li>

		<li class="social__icon"><a href="http://www.twitter.com/" title="Outbound Link to COMPANY at Twitter" target="_blank" rel="noopener" class="social__link"><img src="../images/social/twitter.svg" width="40px" height="40px" rel="noopener" class="social__image" alt="Twitter"></a></li>

		<li class="social__icon"><a href="http://www.youtube.com/" title="Outbound Link to COMPANY at YouTube" target="_blank" rel="noopener" class="social__link"><img src="../images/social/youtube.svg" width="40px" height="40px" class="social__image" alt="YouTube"></a></li>

		<li class="social__icon"><a href="http://www.linkedin.com/" title="Outbound Link to COMPANY at LinkedIn" target="_blank" rel="noopener" class="social__link"><img src="../images/social/linkedin.svg" width="40px" height="40px" class="social__image" alt="LinkedIn"></a></li>

		<li class="social__icon"><a href="http://www.pinterest.com/" title="Outbound Link to COMPANY at Pinterest" target="_blank" rel="noopener" class="social__link"><img src="../images/social/pinterest.svg" width="40px" height="40px" class="social__image social__image" alt="Pinterest"></a></li>

		<li class="social__icon"><a href="mailto:info@COMPANY.com" title="Send Email to COMPANY" class="social__link"><img src="../images/social/email.svg" width="40px" height="40px" class="social__image" alt="Email"></a></li>

		<li class="social__icon"><a href="tel:XXXXXXXXXX" title="Call COMPANY" class="social__link"><img src="../images/social/phone.svg" width="40px" height="40px" class="social__image" alt="Phone"></a></li>

	</ul>

</div>
*/
.bulletBox {
  background: no-repeat center top;
  background-size: 75px 75px;
  padding-top: 85px;
}
@media screen and (max-width: 900px) {
  .bulletBox {
    background-size: 55px 55px;
    padding-top: 60px;
  }
}
@media screen and (max-width: 600px) {
  .bulletBox {
    padding: 10px 0 0 85px;
    background-size: 50px 50px;
    background-position: 20px 0;
  }
}
.bulletBox_left {
  background-image: url("../images/icons/singer.svg");
}
.bulletBox_center {
  background-image: url("../images/icons/songwriter.svg");
}
.bulletBox_right {
  background-image: url("../images/icons/entertainer.svg");
}
.bulletBox__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  color: #000000;
  text-align: center;
  margin: 0 0 .5rem 0;
}
.bulletBox__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .bulletBox__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .bulletBox__titleH2 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .bulletBox__titleH2 {
    text-align: left;
  }
}
.bulletBox__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  color: #000000;
  text-align: center;
}
.bulletBox__copy:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .bulletBox__copy {
    text-align: left;
  }
}
.bulletBox__link {
  color: #000000;
  text-decoration: none;
}
.bulletBox__link:hover {
  text-decoration: underline;
}

/* Required HTML

	<aside class="SECTION__aside_right">
		<div class="bulletBox bulletBox_left">
			<h2 class="bulletBox__title_H2"><a class="bulletBox__link" href="#" title="TITLE">H2 Title</a></h2>
			<p class="bulletBox__copy">Nullam finibus, dui eget interdum imperdiet, dui eros tempus sem, vitae fringilla nisl nisi ultrices ipsum.</p>
		</div>
	</aside>

*/
.button, .button_large, .button_transparentBlue, .button_orangeBlue {
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  border: .5px solid #FFFFFF;
  border-radius: 3px;
  padding: 5px 15px;
  transition: background-color .5s;
}
.button_large {
  font-size: 1.2rem;
}
@media screen and (max-width: 400px) {
  .button_large {
    font-size: 1rem;
    padding: 5px 10px;
  }
}
.button_transparentBlue {
  background-color: rgba(0, 0, 0, 0.3);
}
.button_transparentBlue:hover {
  background-color: blue;
}
.button_orangeBlue {
  background-color: #EC5625;
}
.button_orangeBlue:hover {
  background-color: blue;
}

/* Required HTML

	<div class="SECTION__button">
		<a href="mailto:info@DOMAIN_NAME.com?subject=INSERT_SUBJECT" title="Business Submit" class="button button_transparentBlue">BUTTON TITLE</a>
	</div>

*/
.quote {
  width: 100%;
  margin: 0 0 1em 0;
}
.quote:last-child {
  margin: 0;
}
.quote__copy {
  font-family: 'Sanchez', serif;
  font-style: italic;
  font-size: 1rem;
  margin: 0;
  position: relative;
  quotes: "\201C" "\201D" "\2018" "\2019";
  padding: 0 15px 0 20px;
  line-height: 1.4;
}
.quote__copy::before {
  content: open-quote;
  height: 0;
  line-height: 0;
  left: -3px;
  position: absolute;
  top: 22px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 3rem;
}
.quote__copy::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -2px;
  position: relative;
  top: 22px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 3rem;
}
.quote__author {
  font-family: 'Noto Sans', sans-serif;
  display: block;
  margin: 2px 0 0 50px;
  text-align: left;
  font-size: .75rem;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
}
.quote__author::before {
  content: '\2015';
  position: absolute;
  left: -13px;
}

/* Required HTML

	<blockquote class="quote">
		<p class="quote__copy">I can explain it for you, but I can't understand it for you.</p>
		<p class="quote__author">Bill Elgin</p>
	</blockquote>

*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 1rem;
}
.video:last-child {
  margin-bottom: 0;
}
.video__category {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 1.5rem 0 1rem 0;
  opacity: .5;
}
.video__category_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .video__category {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .video__category {
    font-size: 1.2rem;
  }
}
.video__category:first-child {
  margin-top: 0;
}
.video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Required HTML

	<div class="video">
		<!-- Add 'video__iframe' Class to the Video Link -->
		<iframe src="http://www.youtube.com/embed/n_dZNLr2cME?rel=0&hd=1" width="560" height="349" frameborder="0" class="video__iframe" allowfullscreen></iframe>
	</div>

*/
.schedule {
  width: 100%;
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
}
.schedule:last-child {
  margin-bottom: 0;
}
.schedule__date {
  font-weight: 700;
}
.schedule__location {
  margin-bottom: 1rem;
}
.schedule__location:last-child {
  margin-bottom: 0;
}

/* Required HTML



*/
.body {
  background-color: #1A334B;
}

.navbar {
  width: 100%;
  background-color: #15263B;
  margin: 0;
  padding: 0.7rem;
}
@media screen and (max-width: 1200px) {
  .navbar {
    padding: 0;
  }
}
.navbar__brand {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .navbar__brand {
    margin: 0.7rem;
  }
}
@media screen and (max-width: 900px) {
  .navbar__brand {
    margin: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .navbar__brand {
    margin: 0.5rem;
  }
}
.navbar__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.navbar__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .navbar__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .navbar__titleH1 {
    font-size: 1.4rem;
  }
}
.navbar__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.4rem;
  color: #F9F5E9;
  text-shadow: 2px 2px #1A334B;
  text-decoration: none;
}
.navbar__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .navbar__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .navbar__titleH2 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 400px) {
  .navbar__titleH2 {
    font-size: 1.1rem;
  }
}
.navbar__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.navbar__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .navbar__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .navbar__titleH3 {
    font-size: 1.2rem;
  }
}
.navbar__logo {
  display: block;
  width: 200px;
  margin-right: 10px;
}
@media screen and (max-width: 400px) {
  .navbar__logo {
    width: 150px;
    margin-right: 10px;
  }
}
.navbar__link {
  text-decoration: none;
}

.header {
  z-index: 1;
  width: 100%;
  color: #F9F5E9;
  background: url("../images/kim_olson.png") bottom right no-repeat, url("../images/music_notes.svg") bottom left no-repeat;
  height: 350px;
  background-size: 360px, 100% 100%;
  background-color: #144B8F;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .header {
    background: url("../images/kim_olson.png") bottom right no-repeat, url("../images/music_notes.svg") bottom left no-repeat;
    height: 300px;
    background-size: 310px, 100% 100%;
    background-color: #144B8F;
  }
}
@media screen and (max-width: 600px) {
  .header {
    height: 250px;
    background-size: 260px, 100% 100%;
    background-color: #144B8F;
  }
}
@media screen and (max-width: 400px) {
  .header {
    height: 200px;
    background-size: 210px, 100% 100%;
    background-color: #144B8F;
  }
}
.header__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.header__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .header__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .header__titleH1 {
    font-size: 1.4rem;
  }
}
.header__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  font-size: 2.2rem;
  text-shadow: 2px 2px #1A334B;
  margin-bottom: .25rem;
}
.header__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .header__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .header__titleH2 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 900px) {
  .header__titleH2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .header__titleH2 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .header__titleH2 {
    font-size: 1.4rem;
  }
}
.header__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.header__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .header__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .header__titleH3 {
    font-size: 1.2rem;
  }
}
.header__body {
  flex-grow: 1;
  padding: 85px 30px 0 400px;
}
@media screen and (max-width: 900px) {
  .header__body {
    padding-top: 75px;
    padding-left: 300px;
  }
}
@media screen and (max-width: 600px) {
  .header__body {
    padding-top: 63px;
    padding-right: 20px;
    padding-left: 190px;
  }
}
@media screen and (max-width: 400px) {
  .header__body {
    padding-top: 50px;
    padding-right: 15px;
    padding-left: 150px;
  }
}
.header__link {
  color: #F9F5E9;
  text-decoration: none;
}
.header__link:visited {
  color: #e6e6e6;
}
.header__link:hover {
  color: #5A0D04;
}
.header__phone {
  font-size: 2rem;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 2px 2px #1A334B;
}
@media screen and (max-width: 600px) {
  .header__phone {
    font-size: 1.3rem;
  }
}
.header__button {
  text-align: left;
}
.header__social {
  display: flex;
  justify-content: flex-start;
  padding: 0.7rem;
}
@media screen and (max-width: 900px) {
  .header__social {
    padding: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .header__social {
    padding: 0.5rem;
  }
}
.header__elginEnterprises {
  display: flex;
  align-items: center;
}

.primary {
  color: #000000;
  background-color: #F9F5E9;
}
.primary__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.4rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .primary__container {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .primary__container {
    flex-direction: column;
    padding: 1rem;
  }
}
.primary__aside_left {
  width: 40%;
  padding-left: 2.8rem;
}
@media screen and (max-width: 900px) {
  .primary__aside_left {
    width: 45%;
    padding-left: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .primary__aside_left {
    width: 100%;
    padding-left: 0;
  }
}
.primary__aside_right {
  width: 40%;
  padding-left: 2.8rem;
}
@media screen and (max-width: 900px) {
  .primary__aside_right {
    width: 45%;
    padding-left: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .primary__aside_right {
    width: 100%;
    padding-left: 0;
  }
}
.primary__aside_thumbnailsLeft {
  width: 40%;
  padding-left: 1.4rem;
}
@media screen and (max-width: 900px) {
  .primary__aside_thumbnailsLeft {
    order: 0;
    width: 100%;
    padding-left: 0;
    margin-bottom: 1rem;
  }
}
.primary__aside_thumbnailsRight {
  width: 40%;
  padding-left: 1.4rem;
}
@media screen and (max-width: 900px) {
  .primary__aside_thumbnailsRight {
    order: 0;
    width: 100%;
    padding-left: 0;
    margin-bottom: 1rem;
  }
}
.primary__article {
  width: 100%;
}
.primary__article_left {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .primary__article_left {
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .primary__article_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.primary__article_right {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .primary__article_right {
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .primary__article_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.primary__article_thumbnails {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .primary__article_thumbnails {
    order: 1;
    width: 100%;
  }
}
.primary__headline {
  width: 100%;
  margin: 0 0 1rem 0;
}
.primary__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.primary__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .primary__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .primary__titleH1 {
    font-size: 1.4rem;
  }
}
.primary__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.primary__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .primary__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .primary__titleH2 {
    font-size: 1.3rem;
  }
}
.primary__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.primary__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .primary__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .primary__titleH3 {
    font-size: 1.2rem;
  }
}
.primary__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.primary__copy:last-child {
  margin-bottom: 0;
}
.primary__link {
  color: #487FD8;
  text-decoration: none;
}
.primary__link:visited {
  color: #8852DA;
}
.primary__link:hover {
  color: #A8A8A8;
}
.primary__image {
  display: block;
  width: 100%;
}
.primary__image_left {
  float: left;
  margin: 0 .7rem .5rem 0px;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .primary__image_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.primary__image_right {
  float: right;
  margin: 0 0 .5rem .7rem;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .primary__image_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.primary__image_narrowRight {
  float: right;
  margin: 0 0 .5rem .7rem;
  width: 40%;
}
.primary__image_narrowLeft {
  float: left;
  margin: 0 .7rem .5rem 0px;
  width: 40%;
}
.primary__image_border {
  border: thin solid #000000;
}
.primary__image_narrowRight {
  max-width: 150px;
}
.primary__image_calendar {
  display: inline-block;
  width: 50px;
}
.primary__list {
  display: block;
  margin: 0 0 1rem 2.5rem;
  padding: 0;
}
.primary__list:last-child {
  margin-bottom: 0;
}
.primary__listItem {
  margin-bottom: .5rem;
  padding: 0;
}
.primary__listItem:last-child {
  margin-bottom: 0;
}

.bullets {
  width: 100%;
  color: #000000;
  background-color: #FFFFFF;
}
.bullets__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.4rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .bullets__container {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .bullets__container {
    flex-direction: column;
    padding: 1rem;
  }
}
.bullets__aside_left {
  width: 31%;
}
@media screen and (max-width: 600px) {
  .bullets__aside_left {
    width: 100%;
    margin-top: .5rem;
  }
}
@media screen and (max-width: 400px) {
  .bullets__aside_left {
    margin-top: 1rem;
  }
}
.bullets__aside_center {
  width: 31%;
}
@media screen and (max-width: 600px) {
  .bullets__aside_center {
    width: 100%;
    margin: 1.3rem 0;
  }
}
.bullets__aside_right {
  width: 31%;
}
@media screen and (max-width: 600px) {
  .bullets__aside_right {
    width: 100%;
    margin-bottom: .5rem;
  }
}
@media screen and (max-width: 400px) {
  .bullets__aside_right {
    margin-bottom: 1rem;
  }
}
.bullets__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.bullets__copy:last-child {
  margin-bottom: 0;
}
.bullets__link {
  color: #487FD8;
  text-decoration: none;
}
.bullets__link:visited {
  color: #8852DA;
}
.bullets__link:hover {
  color: #000000;
}

.banner {
  width: 100%;
  color: #FFFFFF;
  background-size: cover;
  background-color: #5A0D04;
}
.banner__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.4rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .banner__container {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .banner__container {
    flex-direction: column;
    padding: 1rem;
  }
}
.banner__aside_left {
  width: 35%;
  padding-right: 1.4rem;
}
@media screen and (max-width: 900px) {
  .banner__aside_left {
    padding-right: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .banner__aside_left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }
}
.banner__article_right {
  width: 65%;
}
@media screen and (max-width: 600px) {
  .banner__article_right {
    width: 100%;
  }
}
.banner__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.banner__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .banner__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .banner__titleH1 {
    font-size: 1.4rem;
  }
}
.banner__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.banner__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .banner__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .banner__titleH2 {
    font-size: 1.3rem;
  }
}
.banner__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.banner__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .banner__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .banner__titleH3 {
    font-size: 1.2rem;
  }
}
.banner__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.banner__copy:last-child {
  margin-bottom: 0;
}
.banner__link {
  color: #110201;
  text-decoration: none;
}
.banner__link:visited {
  color: #bc1b08;
}
.banner__link:hover {
  color: #290602;
}
.banner__image {
  display: block;
  width: 100%;
  border: thin solid #FFFFFF;
}
.banner__image_left {
  float: left;
  margin: 0 .7rem .5rem 0px;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .banner__image_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.banner__image_right {
  float: right;
  margin: 0 0 .5rem .7rem;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .banner__image_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.banner__image_narrowRight {
  float: right;
  margin: 0 0 .5rem .7rem;
  width: 40%;
}
.banner__image_narrowLeft {
  float: left;
  margin: 0 .7rem .5rem 0px;
  width: 40%;
}
.banner__image_border {
  border: thin solid #000000;
}
@media screen and (max-width: 600px) {
  .banner__button {
    text-align: center;
  }
}

.main {
  width: 100%;
  color: #000000;
  background-color: #F9F5E9;
}
.main__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.4rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .main__container {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .main__container {
    flex-direction: column;
    padding: 1rem;
  }
}
.main__aside_left {
  width: 40%;
  padding-left: 2.8rem;
}
@media screen and (max-width: 900px) {
  .main__aside_left {
    width: 45%;
    padding-left: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .main__aside_left {
    width: 100%;
    padding-left: 0;
  }
}
.main__aside_right {
  width: 40%;
  padding-left: 2.8rem;
}
@media screen and (max-width: 900px) {
  .main__aside_right {
    width: 45%;
    padding-left: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .main__aside_right {
    width: 100%;
    padding-left: 0;
  }
}
.main__aside_thumbnailsLeft {
  width: 40%;
  padding-left: 1.4rem;
}
@media screen and (max-width: 900px) {
  .main__aside_thumbnailsLeft {
    order: 0;
    width: 100%;
    padding-left: 0;
    margin-bottom: 1rem;
  }
}
.main__aside_thumbnailsRight {
  width: 40%;
  padding-left: 1.4rem;
}
@media screen and (max-width: 900px) {
  .main__aside_thumbnailsRight {
    order: 0;
    width: 100%;
    padding-left: 0;
    margin-bottom: 1rem;
  }
}
.main__article {
  width: 100%;
}
.main__article_left {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .main__article_left {
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .main__article_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.main__article_right {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .main__article_right {
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .main__article_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.main__article_thumbnails {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .main__article_thumbnails {
    order: 1;
    width: 100%;
  }
}
.main__headline {
  width: 100%;
  margin: 0 0 1rem 0;
}
.main__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.main__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .main__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .main__titleH1 {
    font-size: 1.4rem;
  }
}
.main__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.main__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .main__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .main__titleH2 {
    font-size: 1.3rem;
  }
}
.main__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.main__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .main__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .main__titleH3 {
    font-size: 1.2rem;
  }
}
.main__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.main__copy:last-child {
  margin-bottom: 0;
}
.main__link {
  color: #487FD8;
  text-decoration: none;
}
.main__link:visited {
  color: #8852DA;
}
.main__link:hover {
  color: #A8A8A8;
}
.main__image {
  display: block;
  width: 100%;
}
.main__image_left {
  float: left;
  margin: 0 .7rem .5rem 0px;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .main__image_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.main__image_right {
  float: right;
  margin: 0 0 .5rem .7rem;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .main__image_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.main__image_narrowRight {
  float: right;
  margin: 0 0 .5rem .7rem;
  width: 40%;
}
.main__image_narrowLeft {
  float: left;
  margin: 0 .7rem .5rem 0px;
  width: 40%;
}
.main__image_border {
  border: thin solid #000000;
}
.main__list {
  display: block;
  margin: 0 0 1rem 2.5rem;
  padding: 0;
}
.main__list:last-child {
  margin-bottom: 0;
}
.main__footer {
  width: 100%;
  margin-top: 1rem;
}
.main__menu {
  margin-top: 1.5rem;
}

.callouts {
  width: 100%;
  color: #F9F5E9;
  background-color: #7A8F90;
}
.callouts__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.4rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .callouts__container {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .callouts__container {
    flex-direction: column;
    padding: 1rem;
  }
}
.callouts__aside_left {
  width: 50%;
  padding-right: 1.4rem;
  border-right: thin solid #F9F5E9;
}
@media screen and (max-width: 900px) {
  .callouts__aside_left {
    padding-right: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .callouts__aside_left {
    width: 100%;
    padding-right: 0;
    border-right: none;
    padding-bottom: 1rem;
  }
}
.callouts__aside_right {
  width: 50%;
  padding-left: 1.4rem;
}
@media screen and (max-width: 900px) {
  .callouts__aside_right {
    padding-left: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .callouts__aside_right {
    width: 100%;
    padding-left: 0;
  }
}
.callouts__headline {
  width: 100%;
  margin: 0 0 1rem 0;
}
.callouts__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.callouts__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .callouts__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .callouts__titleH1 {
    font-size: 1.4rem;
  }
}
.callouts__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.callouts__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .callouts__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .callouts__titleH2 {
    font-size: 1.3rem;
  }
}
.callouts__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.callouts__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .callouts__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .callouts__titleH3 {
    font-size: 1.2rem;
  }
}
.callouts__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.callouts__copy:last-child {
  margin-bottom: 0;
}
.callouts__link {
  color: #4b5959;
  text-decoration: none;
}
.callouts__link:visited {
  color: #b2bebe;
}
.callouts__link:hover {
  color: #627475;
}
.callouts__image {
  display: block;
  width: 100%;
}
.callouts__image_left {
  float: left;
  margin: 0 .7rem .5rem 0px;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .callouts__image_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.callouts__image_right {
  float: right;
  margin: 0 0 .5rem .7rem;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .callouts__image_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.callouts__image_narrowRight {
  float: right;
  margin: 0 0 .5rem .7rem;
  width: 40%;
}
.callouts__image_narrowLeft {
  float: left;
  margin: 0 .7rem .5rem 0px;
  width: 40%;
}
.callouts__image_border {
  border: thin solid #000000;
}
.callouts__list {
  display: block;
  margin: 0 0 1rem 2.5rem;
  padding: 0;
}
.callouts__list:last-child {
  margin-bottom: 0;
}
.callouts__footer {
  width: 100%;
  margin-top: 1rem;
}
.callouts__card {
  text-align: center;
  margin: 0 0 1rem 0;
}

.closing {
  width: 100%;
  color: #000000;
  background-size: cover;
  background-color: #A5BEBE;
}
.closing__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.4rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .closing__container {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .closing__container {
    flex-direction: column;
    padding: 1rem;
  }
}
.closing__aside_left {
  width: 50%;
  padding-right: 1.4rem;
}
@media screen and (max-width: 900px) {
  .closing__aside_left {
    padding-right: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .closing__aside_left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }
}
.closing__aside_right {
  width: 50%;
  padding-left: 1.4rem;
}
@media screen and (max-width: 900px) {
  .closing__aside_right {
    padding-left: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .closing__aside_right {
    width: 100%;
    padding-left: 0;
  }
}
.closing__headline {
  width: 100%;
  margin: 0 0 1rem 0;
}
.closing__titleH1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.closing__titleH1_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .closing__titleH1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .closing__titleH1 {
    font-size: 1.4rem;
  }
}
.closing__titleH2 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.closing__titleH2_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .closing__titleH2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .closing__titleH2 {
    font-size: 1.3rem;
  }
}
.closing__titleH3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.closing__titleH3_leading {
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 900px) {
  .closing__titleH3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .closing__titleH3 {
    font-size: 1.2rem;
  }
}
.closing__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.closing__copy:last-child {
  margin-bottom: 0;
}
.closing__link {
  color: #fefefe;
  text-decoration: none;
}
.closing__link:visited {
  color: #e0e9e9;
}
.closing__link:hover {
  color: #799e9e;
}
.closing__image {
  display: block;
  width: 100%;
}
.closing__image_left {
  float: left;
  margin: 0 .7rem .5rem 0px;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .closing__image_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.closing__image_right {
  float: right;
  margin: 0 0 .5rem .7rem;
  display: block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .closing__image_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.closing__image_narrowRight {
  float: right;
  margin: 0 0 .5rem .7rem;
  width: 40%;
}
.closing__image_narrowLeft {
  float: left;
  margin: 0 .7rem .5rem 0px;
  width: 40%;
}
.closing__image_border {
  border: thin solid #000000;
}
.closing__list {
  display: block;
  margin: 0 0 1rem 2.5rem;
  padding: 0;
}
.closing__list:last-child {
  margin-bottom: 0;
}
.closing__footer {
  width: 100%;
  margin-top: 1rem;
}

.footer {
  width: 100%;
  color: #8db3d7;
  background-color: #1A334B;
}
.footer__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.4rem;
  overflow: hidden;
  width: 100%;
  padding: 0.7rem;
}
@media screen and (max-width: 900px) {
  .footer__container {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .footer__container {
    flex-direction: column;
    padding: 1rem;
  }
}
@media screen and (max-width: 900px) {
  .footer__container {
    padding: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .footer__container {
    padding: 0.5rem;
  }
}
.footer__article {
  width: 100%;
}
.footer__article_left {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .footer__article_left {
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .footer__article_left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.footer__article_right {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .footer__article_right {
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .footer__article_right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.footer__article_thumbnails {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .footer__article_thumbnails {
    order: 1;
    width: 100%;
  }
}
.footer__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  font-size: .8rem;
  margin: 0 0 .4rem 0;
}
.footer__copy:last-child {
  margin-bottom: 0;
}
.footer__link {
  color: #feffff;
  text-decoration: none;
}
.footer__link:visited {
  color: #feffff;
}
.footer__link:hover {
  text-decoration: none;
  color: #4180bd;
}
.footer__spaceRight {
  margin-right: 1rem;
}
.footer__social {
  display: flex;
  justify-content: center;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 900px) {
  .footer__social {
    margin-bottom: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .footer__social {
    margin-bottom: 0.5rem;
  }
}
.footer__accessibilityIcon_on {
  padding-right: 3rem;
}
.footer__accessibilityIcon_off {
  padding-right: 0;
}
.footer__elginEnterprises {
  display: flex;
  align-items: center;
}
.footer__image_elgin {
  display: block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

.xlkbirtsg-votrm-vmgvikirhvh {
  border: none;
}

/*! Xlkbirtsg Votrm Vmgvikirhvh */