/*
* Boots & Bones V0.1
* Lightweight responsive grid framework
* Joshua Beckman
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 11/11/2012
*/


/* Table of Contents
==================================================
    #Fluid Grid
    #Base 960 Grid
    #Wide SCreens
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing
     */

/* #Fluid Grid (Inspired by Bootstrap)
================================================== */

@media only screen and (max-width: 1200px) {
  nav#mobile {
    display: block;
    width: auto;
}

.eventpost a {
  position: relative;
  bottom: 0;
}

nav#desktopnav {
  display: none;
}
header nav {

  margin-right: 0;
  width: 100%;
}
header nav li {
  display: block;
}

header nav li a {
  color: #fff;
  text-decoration: none;
  margin-bottom: 17px;
  display: block;
  font-size: 25px;
  width: 300px;
  margin: 0 auto 17px;
}

#menu-menu-2 li a {
  color: #fff;
    text-decoration: none;
    margin-bottom: 17px;
    display: block;
    font-size: 25px;
    width: 300px;
    margin: 0 auto 17px;
}

#menu-menu-2 li {
  display: block;
}

#menu-menu-2 {
  margin: 0;
  padding: 0;
}

#menu-menu-2 li ul {
  position: relative;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  margin: 0 0 0;
  /* top: 0; */
  background: transparent;
  text-align: center;
  padding: 0px;
  left: 0%;
  transform: translateX(0%);
}

}

@media only screen and (max-width: 1200px) {
  .herocontent {
    width: 90%;
    margin-left: 5%;
}
.hometext {
  width: 90%;
}
.progress {
  margin-left: 0;
}
.pledgeleft {
  width: 100%;
  margin-right: 0;
}
.pledgestuff {
  display: inherit;
}
.pledgeright {
  width: 100%;
}
.donatesection {
  display: inherit;
}
.donateleft {
  width: 80%;
  background: #233F8A;
  padding: 50px 10%;
  border-right: 0;
}
.donateright {
  width: 80%;
  background: #EDEDED;
  padding: 50px 10% 50px 10%;
}
.pledgecontent {
  width: 90%;
  margin: 0 auto;
}
.donatebtns a:last-child {
  padding: 17px 0px;
}
.eventfeed {
  display: inherit;
}
.eventcontent {
  width: 90%;
  margin: 0 auto;
}
.eventpost {
  width: 100%;
  margin-right: 0px;

  margin-bottom: 30px;
}
.pagecontainer {
  width: 90%;
}
.rescontainer {
  width: 90%;
  margin-left: 10%;
}
.resourcefeed {
  width: 90%;
  margin: 0 auto;
}
.respost {
  width: 100%;
  margin: 30px 0;
}
.vidtitle {
  margin-left: 5%;
}
.videoposts {
  width: 90%;
  margin: 0 auto;
}
.vidpost {
  width: 100%;
  display: inline-block;
  margin: 0 0% 50px;
}
.prpagecontent {
  display: inherit;
}
.emgagesignup {
  padding: 50px 0 100px;
}
.presscontentleft {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.presscontentright {
  width: 90%;
  display: block;
  vertical-align: top;
  margin: 0 auto;
}

.bluesidebar:after {
  display: none;
}

.home .at {
  margin-top: 1em;
}

}

@media only screen and (max-width: 600px) {
  .headerimage {
    display: none;
  }
  .mobilehero {
    display: inherit;
  }
  .resimage img {
    width: 100%;
    max-width: 100%;
  }
  blockquote {
    width: 90%;
    max-width: 90% !important;
  }
  blockquote p {
    font-size: 22px;
  }
  .resimage {
    display: block;
    width: 100%;
    margin: 0;
  }
  .rescontent {
    width: 100%;
  }
  .rescontainer {
    width: 90%;
    margin-left: 5%;
  }
  .logos img {
    width: 25%;
    margin: 20px 2%;
  }
  .pledgeright .at-text.FirstName,
  .pledgeright .at-text.EmailAddress {
      width: 100%;
  }

  .pledgeright .at-text.LastName,
  .pledgeright .at-text.PostalCode {
      width: 100%;
      display: inline-block;
      margin-left: 0 !important;
  }

}

@media only screen and (max-width: 500px) {

  .pagecontainer figure img, .wp-block-image figure img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
  }


  .page-id-49 .ngp-form {
    margin: 0 auto;
    width: 80% !important;
}

  .pagecontainer figure, .wp-block-image figure {
    width: 100%;
    margin: 0;
  }

footer nav li {
  display: block;
}

}