.wrapper {
  border-top:30px solid #213465;
  font-family:Georgia, serif;
}

.pull-right {
  float:right;
}

.logo {
  max-width:200px;
}

header {
  display:flex;
  padding-left:100px;
  padding-bottom:20px;
}

.navigation {
  height:100px;
  margin-left:25px;
  flex-grow: 10;
  text-align:right;
  border-bottom:1px solid #213465;
  font-weight:bolder;
}

.social {
  height:50px;
  margin-bottom:0px;
  margin-top:25px;
  margin-right:20px;
}

.social img {
  max-width:25px;
}

.social a {
  margin-right:10px;
}

.main-nav {
  padding-right:30px;
  border-bottom:1px solid #213465;
  margin-left:10px;
}

.main-nav a, .main-nav button {
  color:#f47a26;
  text-decoration:none;
  margin-right:10px;
  padding:5px;
  display:inline;
  border:none;
  background:none;
  font-weight:bolder;
  font-family:Georgia, serif;
}

.main-nav form {
  display:inline;
}

.main-nav a:hover {
  text-decoration:underline;
  color:#213465;
}

.main-nav a.active {
  background:#213465;
  color:#fff;
}

.hero-photo {
  margin:0px;
  padding:0px;
}
.hero-photo img {
  width:100%;
  max-width:1000px;
  display:block;
  margin:0px auto;
}

h1 {
  background:#213465;
  color:#fff;
  font-size:20px;
  padding:5px 100px;
  margin-top:0px;
}

.content {
  padding:0px 10%;
  color:#223466;
}

.content a {
  color: #f47a26;

}

.content.with-columns {
  display:flex;
}

.content.with-columns section {
  margin-right:30px;
}

.content.home {
  font-size:20px;
}

.home-callouts {
  display:flex;
  justify-content: space-between;
  width:100%;
  max-width:700px;
  margin:0px auto;
  margin-top:50px;
}

.pull-left {
  float:left;
}

.content-photo.pull-left {
  margin-right:15px;
  margin-bottom:15px;
}

.callout {
  width:150px;
  background:#f47a26;
  color:#fff;
  padding-top:10px;
  font-size:12px;
  padding-bottom:10px;
  text-align:center;
}

.callout form {
  margin:0px;
  padding:0px;
}

.callout.pull-right {
  margin-left:5px;
}

.callout.centered {
  margin:0px auto;
}

.callout button, .callout a {
  width:90%;
  border:0px;
  margin:0px auto;
  display:block;
  padding:0px;
  background:#213465;
  color:#fff;
  padding:5px 0px;
  text-align:center;
  text-decoration:none;
}

.callout button.text-button {
  background:none;
  width:inherit;
  display:inline;
  padding:0px;
  color:#fff;
}

.contact-form {
  min-width:300px;
}

.contact-form label {
  display:block;
  font-size:12px;
}

input, textarea {
  display:block;
  width:100%;
  border:1px solid #213465;
  height:20px;
}

textarea {
  height:100px;
}

.contact-form button {
  display:block;
  border:none;
  margin:0px auto;
  padding:0px;
  color:#fff;
  background:#f47a26;
  width:150px;
  padding:5px;
}

.callout p {
  margin:10px 5%;
}

footer {
  background:#223466;
  color:#fff;
  padding:0px 50px;
  background-image: url('../images/logo-small.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 39px;
  height:50px;
  margin-top:25px;
  padding-top:15px;
}

footer nav {
  margin-right:25px;
  line-height:38px;
  font-size:10px;
}

footer a {
  color:#fff;
  text-decoration:none;
}

footer a:hover {
  text-decoration:underline;
}

.logo-small {
  max-width:50px;
}

.sponsor {
  text-align:right;
  font-size:12px;
  max-width:250px;
  float:right;
  font-size:10px;
}

.sponsor p {
  border:1px solid #fff;
  border-radius:10px;
  display:inline-block;
  padding:5px 8px;
  margin:0px;
  margin-top:5px;
}

/* iPads (portrait) ----------- */
@media only screen
and (max-width : 1024px)  {

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 650px) {
  header {
    display:block;
    padding:0px;
  }

  .logo_container {
    width:100%;
    text-align:center;
  }

  .navigation {
    margin:0px;
    text-align:inherit;
    border-bottom:none;
  }

  .social {
    margin:0px;
    margin-top:25px;
    text-align:center;
  }

  .main-nav {
    padding:0px;
    margin:0px;
    text-align:center;
  }

  h1 {
    padding: 5px 20px;
  }

  .content {
    padding:0px 20px;
  }

  .content.with-columns {
    display:block;
  }

  .contact-form {
    width:100%;
    min-width:inherit;
  }

  .content-photo.pull-left {
    float:none;
    max-width:80%;
  }

  .home-callouts {
    display:block;
  }

  .home-callouts .callout {
    margin:0px auto;
    margin-bottom:10px;
  }

  footer {
    padding:0px 20px;
    background-image:none;
    border-top:5px solid #223466;
    height:inherit;
  }

  .sponsor {
    float:none;
  }
}

.news-entry {
  border-bottom:2px dashed #223466;
  display:flex;
  flex-wrap:wrap;
  margin: 0 -10px;
  margin-bottom:25px;
  padding-bottom:25px;
}

.news-content {
  width:60%;
}

.news-content, .news-image {
  margin:0 10px;
}

.news-center-image {
  width:100%;
  text-align:center;
  padding:10px 0px;
}

.news-archive-link a {
  font-weight:bold;
  text-decoration:none;
  color:#223466;
}

.news-archive-link a:hover {
  text-decoration:underline;
}

.news-callout {
  border-top:2px dashed #223466;
}