#alobar-section {
  background-color: #5a86b3;
  background: url("/img/alobar/header-s.png") center top no-repeat;
  background: url("/img/alobar/header-s.png") center top no-repeat, -webkit-linear-gradient(top, #5a86b3 0%, #b8cfe6 100%);
  background: url("/img/alobar/header-s.png") center top no-repeat, -o-linear-gradient(top, #5a86b3 0%, #b8cfe6 100%);
  background: url("/img/alobar/header-s.png") center top no-repeat, linear-gradient(to bottom, #5a86b3 0%, #b8cfe6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5A86B3', endColorstr='#FFB8CFE6', GradientType=0);
  padding-top: 200px; }
  @media (min-width: 750px) {
    #alobar-section {
      background-color: #5a86b3;
      background: url("/img/alobar/header-m.png") center top no-repeat;
      background: url("/img/alobar/header-m.png") center top no-repeat, -webkit-linear-gradient(top, #5a86b3 0%, #b8cfe6 100%);
      background: url("/img/alobar/header-m.png") center top no-repeat, -o-linear-gradient(top, #5a86b3 0%, #b8cfe6 100%);
      background: url("/img/alobar/header-m.png") center top no-repeat, linear-gradient(to bottom, #5a86b3 0%, #b8cfe6 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5A86B3', endColorstr='#FFB8CFE6', GradientType=0);
      padding-top: 300px; } }
  @media (min-width: 1000px) {
    #alobar-section {
      background-color: #5a86b3;
      background: url("/img/alobar/header-l.png") center top no-repeat;
      background: url("/img/alobar/header-l.png") center top no-repeat, -webkit-linear-gradient(top, #5a86b3 0%, #b8cfe6 100%);
      background: url("/img/alobar/header-l.png") center top no-repeat, -o-linear-gradient(top, #5a86b3 0%, #b8cfe6 100%);
      background: url("/img/alobar/header-l.png") center top no-repeat, linear-gradient(to bottom, #5a86b3 0%, #b8cfe6 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5A86B3', endColorstr='#FFB8CFE6', GradientType=0);
      padding-top: 300px; } }

#alobar-container {
  position: relative;
  padding-bottom: 20px;
  color: #331c06; }

#alobar-title {
  text-align: center;
  margin-bottom: 3em; }
  #alobar-title h1 {
    font-size: 325%; }
  #alobar-title .lead {
    font-size: 250%; }

#notes-section {
  color: white; }

#notes-container {
  position: relative;
  background-color: #2c1018; }

#notes-background {
  position: relative;
  margin-left: -15px;
  margin-right: -15px; }
  #notes-background > img {
    width: 100%; }

#notes-title {
  position: absolute;
  left: 25%;
  width: 38%; }
  #notes-title > h1 {
    margin: 0; }

#notes-lead {
  position: relative; }
  @media (min-width: 750px) {
    #notes-lead {
      position: absolute;
      left: 25%;
      top: 21.0%;
      width: 50%; } }

#notes-body {
  position: relative;
  text-align: justify; }
  @media (min-width: 750px) {
    #notes-body {
      position: absolute;
      right: 8%;
      width: 280px;
      bottom: 4%; } }
  #notes-body > a {
    margin-bottom: 1em; }

#artbird-container {
  position: relative;
  background-color: #c9ccc9; }

#artbird-header {
  position: relative;
  margin-left: -15px;
  margin-right: -15px; }
  #artbird-header > img {
    width: 100%; }

#artbird-icon {
  position: absolute;
  top: 4%;
  right: 8%;
  width: 20%; }
  #artbird-icon > img {
    width: 100%; }

#artbird-title {
  position: absolute;
  top: 4%;
  left: 8%;
  width: 60%; }
  #artbird-title > h1 {
    margin: 0;
    padding: 0; }

#artbird-lead {
  position: relative; }
  @media (min-width: 750px) {
    #artbird-lead {
      position: absolute;
      top: 28%;
      left: 8%;
      width: 60%; } }

#artbird-body {
  position: relative;
  text-align: justify; }
  @media (min-width: 750px) {
    #artbird-body {
      position: absolute;
      right: 8%;
      width: 210px;
      bottom: 4%; } }
  #artbird-body > a {
    margin-bottom: 1em; }

#light-section {
  color: #e4ddce; }

#light-container {
  position: relative;
  background-color: #304364; }

#light-background {
  margin-left: -15px;
  margin-right: -15px; }
  #light-background > img {
    width: 100%; }

#light-title {
  position: relative; }
  @media (min-width: 750px) {
    #light-title {
      position: absolute;
      left: 8%;
      top: 26%;
      width: 84%; } }

#light-body {
  position: relative;
  text-align: justify; }
  @media (min-width: 750px) {
    #light-body {
      position: absolute;
      left: 8%;
      width: 38%;
      bottom: 4%; } }
  #light-body > a {
    margin-bottom: 1em; }

/*# sourceMappingURL=app.css.map */