@media all and (max-width:1200px) {
#story-timeline-images {
display:none !important;
}
}

@media all and (max-width:1100px) {
#nav-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background: #16233f;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  z-index: 1002;
  position: relative;
}
#nav-trigger .hamburger {
  width: 30px;
  height: 22px;
  margin-left: 10px;
  display: inline-block;
  position: relative;
}
#nav-trigger .hamburger span {
  display: block;
  height: 4px;
  width: 100%;
  background: #fff;
  margin: 4px 0;
  border-radius: 2px;
  transition: 0.3s;
}
#nav-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(22,35,63,0.98);
  z-index: 1001;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 120px;
  transition: all 0.3s;
}
#nav-mobile.open {
  display: flex !important;
  animation: slideInDown 0.4s;
}
#nav-mobile ul.menu {
  width: 90vw;
  max-width: 400px;
  background: none;
  box-shadow: none;
  padding: 0;
}
#nav-mobile ul.menu li {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #2a3a5c;
}
#nav-mobile ul.menu li:last-child {
  border-bottom: none;
}
#nav-mobile ul.menu li a {
  display: block;
  width: 100%;
  padding: 18px 0;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  background: none;
  transition: background 0.2s, color 0.2s;
}
#nav-mobile ul.menu li.nav-donate-btn a {
  background: #b32d2d;
  color: #fff;
  font-weight: bold;
  border-radius: 0;
}
#nav-mobile ul.menu li a:hover {
  background: #223366;
  color: #fff;
}

nav#main {
float:none;
display:none;
visibility:hidden;
}

#container {
width:80%;
margin:0 10%;
}

/** Home - Quote **/
#home-quote {
border-radius:50px;
border:4px solid #0b233f;
padding:4% 3%;
position:relative;
max-width:94%;
BUmargin:0 0 70px 0 !important;
margin:70px 0 !important;
}

#home-quote #copy {
float:none;
width:100%;
font-size:17px;
text-align:center;
}

#home-quote #copy p:last-child {
margin:0;
}

#home-quote #photo {
position:relative;
text-align:center;
margin:0 auto 20px auto;
left:0;
top:0;
bottom:0;
}

#home-quote #photo img {
max-width:70%;
text-align:center;
animation: bounceIn; /* referring directly to the animation's @keyframe declaration */
animation-duration: 1.4s; /* don't forget to set a duration! */
}
}

@media all and (max-width:1000px) {
h3.head {
font-size:50px;
line-height:120%;
letter-spacing:5px;
}

h3.head::after {
width:40%;
}

/** Impact **/
ul#impact { 
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}

ul#impact li img {
max-width:80%;
}

/** Press **/
#press-items li {
float:left;
width:48%;
height:450px;
margin:0 1% 2% 1%;
}

#press-items li #content {
padding:5%;
}

#press-items li h2 {
font-size:18px;
line-height:130%;
margin:0;
}

header #logo img {
max-width:70%;
}



/** Single **/
#single h1 {
font-size:27px;
}

#single #meta {
font-size:14px;
}
}




@media all and (min-width:900px) {
.timeline-post.odd {
text-align:right;
}

footer #copyright {
position:absolute;
text-align:center;
left:0;
right:0;
margin:0 auto;
}
}

@media all and (max-width:900px) {
/** Press **/
#press-items li {
float:none;
width:100%;
height:400px;
margin:0 0 20px 0;
}

#press-items li #img {
height:60%;
}

#press-items li #content {
padding:12px;
}

#press-items li h2 {
font-size:19px;
}

#older-posts {
float:none;
max-width:80%;
margin:0 0 20px 0;
}

#newer-posts {
float:right;
max-width:80%;
}

#posts-pagination.loop #older-posts { 
float:left;
max-width:50%;
}

#posts-pagination.loop #newer-posts {
float:right;
text-align:right;
}



footer {
padding:16px 0;
}

footer #socials {
float:none;
margin:0 0 8px 0;
text-align:center;
}

footer #socials li {
float:none;
display:inline;
}

footer #copyright {
text-align:center;
}
}