/* ==========================================================================
   Colors

   blue: #002d62
   orange: #f7a11a
   ========================================================================== */
a {transition: all .3s;}

body {
  padding: 1rem 0;
  letter-spacing: 1.5px;
}
article {margin: 2rem 0;}
h3 {
  text-transform: uppercase;
}
p {margin-bottom: 1rem;}
footer {
  background-color: #002d62;
  color: #fff;
  padding: 2rem 0;
}
footer h3 {
  color: #f7a11a;
  font-size: 1.25rem;
}
footer li {
  margin: .5rem 0 0 0;
}
footer ul ul li {
  margin: 0 0 .1rem 1.25rem;
}
header {position: fixed; top: 0; z-index: 999; background-color: #fff; padding-top:1rem; padding-bottom: .8rem; box-shadow: 0 3px 12px #fff;}
header i {
  color: #f7a11a;
  position: relative;
  bottom: 50%;
}
.sunshot img {margin-bottom: 1rem;}
@media only screen and (max-width: 600px) {
  header div {margin-bottom:1rem;}
  header .button {margin-bottom: 1.5rem;}
}
@media only screen and (min-width: 600px) {
  .links a {float: right;}
  .headline h2 {margin: 1rem 0 1.5rem 0;}
  .sunshot img {float: right; margin: 0 0 2rem 2rem;}
}
#drop2 a {float: none;}
#drop3 p {font-size: 12px; letter-spacing: normal; text-align: left;}
#drop3 a {text-decoration: underline;}
#drop3 a:hover {color: #f7a11a;}

.copyright {margin-top: 2rem;}
#featured-logos li {
  padding: 1rem 3rem 1rem 0;
}#featured-logos img {width: 100%;}
#featured-logos li:last-child {padding-right: 0;}
.home-photo img {max-width: none; width: 100%;}
.leadership img {
  border-radius: 100%;
  box-shadow: 0 0 10px #c2c2c2;
}
.leadership .row {
  padding: 4rem 0;
  border-bottom: 1px dotted #002d62;
}
.leadership-images {
  text-align: center;
}
#content {position: relative; top: 80px; margin-bottom: 5rem;}
#home h1 {display: none;}

.wrapper, #content {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 600px) {
  .wrapper, #content {width: 75%;}
}
#home #content {width: 100%;}
h2:before { 
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 100px; 
  visibility: hidden; 
}

a {
  color: #002d62;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #002754; }
  a img {
    border: none; }

footer .row a {
  color: #fff;
  text-decoration: none;
  line-height: inherit; }
  footer .row a:hover, footer .row a:focus {
    color: #f7a11a; }

a.orange {
  background-color: #f7a11a;
}
a.orange:hover {
  background-color: #002d62;
}
a.title {color: #f7a11a; text-transform: uppercase; font-size: 1.25rem;}



/* ==========================================================================
   Address Search Bar
   ========================================================================== */

#address-form {
  position: relative;
  margin: 0 auto;
  background-size: 100%;
  width: 450px;
  height: 131px;
  background: transparent url(https://demeter.force.com/resource/1407752501000/style2/img/address-input-450x131.png) no-repeat center center;
}
#address-form .button {
  position: relative;
  letter-spacing: 1px;
  top: 58px;
}
#address-input {
  background-color: transparent;
  font-style: italic;
  border: none;
  width: 90%;
  margin: 0 auto;
  position: relative;
  box-shadow: none;
  font-size: 1.3rem;
  top: 30px;
}

@media only screen and (min-width: 600px) {
  #address-form {
    width: 450px;
    height: 62px;
    background: transparent url(https://demeter.force.com/resource/1407752501000/style2/img/address-input-450x62.png) no-repeat center center;
  }
  .home-photo #address-form {
    top: -200px;
    margin-bottom: -62px;
  }
  #address-form .button {
    top: 10px;
    left: 0px;
    margin: 0 .1rem;
    padding: 1em; 
  }
  #address-input {
    width: 95%;
    font-size: 1rem;
    top: 10px;
  }
}

@media only screen and (min-width: 900px) {
  #address-form {
    width: 675px;
    height: 79px;
    background: transparent url(https://demeter.force.com/resource/1407752501000/style2/img/address-input-675x79.png) no-repeat center center;
  }
  .home-photo #address-form {
    top: -320px;
    margin-bottom: -79px;
  }
  #address-form .button {
    top: 21px;
    left: 0px;
    font-size: .7rem;
  }
  #address-input {
    font-size: 1.5rem;
    top: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  #address-form {
    width: 1000px;
    height: 117px;
    background: transparent url(https://demeter.force.com/resource/1407752501000/style2/img/address-input-1000x117.png) no-repeat center center;
  }
  .home-photo #address-form {
    top: -380px;
    margin-bottom: -117px;
  }
  #address-form .button {
    top: 50px;
    left: 0px;
    padding: 1rem 1.5rem;
    font-size: 1rem;
  }
  #address-input {
    font-size: 1.7rem;
    top: 30px;
  }
}