@media only screen and (max-width: 1000px) {
.links {
text-align: center;
}
.links li {
display: inline-block;
vertical-align: top;
width: 45%;
margin: 0;
padding: 0;
text-align: center;
}
.links li a:link, .links li a:visited {
padding: 14px 20px;
color: #2e2426;
display: block;
margin: 10px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
}
}	
@media only screen and (max-width: 480px) {
header {
position: absolute;
height: 100px;

}
header.scrollHeader {
height: 100px;
}
.logo {
max-width: 90px;
left: 20px;
top: 5px;
}
.logo.scrollLogo {
max-width: 90px;
top: 5px;
}
.navigation {
padding: 33px 0 0 0;
}
.navigation.scrollNav {
padding: 33px 0 0 0;
}
.image-caption {
position: absolute;
left: 0;
right: 0;
top: 40%;
text-align: center;
color: #fff;
}
.large-cap {
font-size: 8vw;
}
.small-cap {
font-size: 14px;
letter-spacing: 1px;
text-indent: 1px;
margin: 25px 0 15px;
}
.cap-divide {
max-width: 270px;
}
.cta-btn:link, .cta-btn2:link {
display: block;
width: 50%;
padding: 14px 10px;
margin: 10px auto;
}
.intro-text {
font-size: 18px;
line-height: 38px;
}
.grid-container {
display: block;
}
.page-intro {
padding: 10px 20px 25px;
}
.page-heading {
font-size: 25px;
line-height: normal;
}
h2 {
font-size: 18px;
bottom: 50px;
left: 0;
right: 0;
text-align: center;
}
.footer-contact {
font-size: 18px;
}
.copyright {
margin: 50px 20px;
font-size: 14px;
text-align: center;
}
.links li {
display: block;
width: auto;
}
}
@media only screen and (max-width: 380px) {
.logo {
max-width: 140px;
}
.logo.scrollLogo {
max-width: 140px;
}
}