/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #ff7b08;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #ff7b08; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {  }

nav#nav-main {
  background-color: #fff;
  padding: 10px 0px; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #555;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: #000;
    padding: 10px 30px; text-decoration:none; float:right;}
    nav#nav-main a:hover {
      background-color0: #af002c;
      color: #000; }
nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #ff7b08; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #950025; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #ff7b08;
      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }

    .contacts .addr{margin:1em 3em 2em;width:32%;font-size:0.85em;}




.contacts p.addr.first{margin-left:0;}
.contacts p.addr.last{margin-right: 0;}
.contacts .left{
  background: #fff;
  
  border-radius: 5px;}

  .contacts .left label{    display: block;
    text-align: center;
    padding: 20px 0 17px 0;
    font-weight: bold;
    font-size: 22px;
    color: #ff6f00;}

    .clsaddr{display:flex;}

    .contacts  div.left{width:55%;}
    .contacts  div.right{width:40%;background:#fff;padding:1em;border-radius:5px;margin:0.4em;}
    .contacts form div.inputleft,.contacts form div.inputright{width:48%;float:left;margin:0 16px 0 0;}
    .contacts form div.inputright{margin:0px;}
    .contacts form  input,.contacts form  textarea{font-size:0.9em;height:40px;background:none;}
    .contacts form input[type="submit"]{width: 15%;
      text-align: center;
      background: #ff6f00;
      height: 30px;
      border: 0px;
      padding: 0em;
      line-height: 30px;}
    #contact{background:#f0f0f0;color:#000;border-top:0px;padding:1rem;}
    #contact .narrow{padding:0.5rem 0;}
    .contacts form input:focus, .contacts form textarea:focus{border:1px solid #000;outline:0;}
    .footer.container{padding:0.5rem;font-size:0.7em;background:#000;}


    nav#nav-main a{font-weight: bold;}

    .who.container{padding:1rem;}
    .who .where {
      color: #000;
      font-size: 1.3em;
      margin-bottom: 0;
      font-weight: bold;
      margin: 0;
  }
  .who .mission {
    font-size: 1em;
    text-align: justify;
    color: #000;
    line-height:30px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.how.container.narrow{width:100%;padding:0px;margin:2em 0 0;}
.how.container.narrow .bounceInLeft{float:left;width:25%;margin:0 0 0 26px;}
.how.container.narrow .bounceInRight{float:right;width:70%;margin:45px 26px 0 0;}
.how.container.narrow dl{position:relative;max-width:inherit;border-bottom:1px dashed #aeaeae;padding:0 0 50px 0;}
.how.container.narrow .contentleft .bounceInLeft{width:70%;margin-top:45px;}
.how.container.narrow .contentleft .bounceInRight{width:25%;}
.how.container.narrow .contentleft.last{margin:0px;}
.how.container.narrow .left,.how.container.narrow .right{text-align: justify;}
.how dd{line-height: 30px;}
.how.container.narrow dt{font-size:1.5em;color:#000;font-weight:bold;}
.how.container.narrow dl{margin:1em 0;}
.how.container.narrow dl.last{border-bottom:none;margin-bottom:0;padding-bottom:0;}

.clsaddr ul li{list-style:none;font-size:1em;}
.clsaddr li:first-child{font-weight:bold;}
.clsaddr ul{}