@media screen and (max-width: 40em) {
div.tweets iframe {
margin-bottom: -130px;
}
img.logo {
height: 15vw !important;
}
h1.big-num {
font-size: 2rem;
}
h3.small-num {
font-size: 1rem;
}
.stats h1.title {
font-size: 0.875rem;
}
h1.menu-bars {
color: #5d2f91;
font-size: 2rem;
padding: 2vh;
}
div.menu-links {
background-color: #ffff;
padding: 2.5vh 0;
display: none;
box-shadow: 0 10px 25px -25px rgba(0,0,0,1);
}
div.show-menu-links {
display: block;
}
header.main ul {
width: 100%;
}
header.main ul li {
width: 100%;
}
header.main .button-1 {
margin-top: 2.5vh;
}
header.hero {
padding: 5vh 2vh;
}
header.hero img {
height: 25vh;
}
header.hero h2 {
font-size: 1.125rem;
}
section {
padding: 7.5vh 5vw;
}
section a.half {
min-width: 100%;
}
form {
padding: 1.25vh 2.5vh;
}
div.sub-header ul {
font-size: 0.750rem;
}
}
@media screen and (min-width: 40.01em) {
h1.menu-bars {
color: #5d2f91;
font-size: 2rem;
padding: 2.5vh;
}
}
@media screen and (min-width: 40.01em) and (max-width: 63.9375em) {
h1.menu-bars {
color: #5d2f91;
font-size: 2rem;
padding: 2.5vh;
}
div.menu-links {
background-color: #ffff;
padding: 2.5vh 0;
display: none;
box-shadow: 0 10px 25px -25px rgba(0,0,0,1);
}
div.show-menu-links {
display: block;
}
header.main ul {
width: 100%;
}
header.main ul li {
width: 100%;
}
header.main .button-1 {
margin-top: 2.5vh;
}
header.hero {
padding: 5vh 2.5vh;
}
header.hero h2 {
font-size: 1.5rem;
}
header.hero img {
height: 25vh;
}
section {
padding: 7.5vh 5vw;
}
form {
padding: 1.25vh 2.5vh;
}
}
@media screen and (min-width: 64em) {}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}