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

@media all and (max-width:1100px) {
#nav-trigger {
display:block;
}

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

nav#nav-mobile {
display: block;
}

#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%;
margin:0 0 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;
}
}