/* header & nav */
#header {
  box-shadow: 0 6px 6px -5px #404040;
  padding: 20px 0;
  position: relative;
  text-align: center;
  z-index: 1;
}
  #header img { height: auto; margin-bottom: 15px; width: 100%; }
  #header #logo-gkccf img { max-width: 250px; }
  #header #logo-greater-horizons img { max-width: 220px; }

  @media screen and (min-width: 576px) {           
    #header #logo-greater-horizons { padding-top: 14px; }
  }
  
  @media screen and (min-width: 768px) {
    #header #logo-gkccf { text-align: left; }
    #header #logo-greater-horizons { text-align: right; }
  }

  #contact {
    background-color: #404040;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    padding: 10px 0;            
    text-align: center;
  }
    #contact p { margin: .5em 0; padding: 0; }
    #contact a { color: #fff; }
    #contact strong { display: inline-block; white-space: nowrap; }

    @media screen and (min-width: 576px) { 
      #contact { text-align: right; }
      #contact p { margin: 0; padding: 0; }
    }

/* content */
#content {
  background: url("../img/bg-konza-prairie-large-fade.jpg") no-repeat;
  background-size: 2200px 520px;
  background-position: center 75px;
  background-attachment: fixed;
}

  .prairie h1 {
    color: #fff;
    font-family: 'Arapey', serif;
    font-style: italic;
    font-size: 250%;
    margin-bottom: 49px;          
    padding-top: 50px;
    text-align: center;
    text-shadow: 0px 4px 4px #000000;
    text-transform: uppercase;
  }

  @media screen and (min-width: 576px) { 
    .prairie h1 { font-size: 450%; margin-bottom: 89px; padding-top: 100px; }
  }

  .bucket {        
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    margin: 0 auto;
    opacity: .9;
    padding: 20px;
    text-align: left;        
  }

/* footer */
#footer {
  background-color: #000;
  color: #fff;
  margin-top: 40px;
  padding: 30px 0;
  text-align: center;
}
  #footer img { margin-bottom: 20px; }

  a#login-employee {
    color: #fff;
    background-color: #333;
    border-radius: 6px;
    display: inline-block;
    line-height: 1em;
    padding: 10px 20px;
  }

  @media screen and (min-width: 768px) {
    #footer #copyright { text-align: left; }  
  }