My logo on the mobile version is not showing up. Can anyone help?
header p {
color: #aaa;
position: relative;
margin: 0 0 1.5em 0;
text-transform: uppercase;
}
header h2 + p {
font-size: 1.25em;
margin-top: -1em;
line-height: 1.5em;
}
header h3 + p {
font-size: 1.1em;
margin-top: -0.8em;
line-height: 1.5em;
}
header h4 + p,
header h5 + p,
header h6 + p {
font-size: 0.9em;
margin-top: -0.6em;
line-height: 1.5em;
}
header.major {
margin: 0 0 6em 0;
}
header.major h2 {
font-size: 3em;
}
header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
display: inline-block;
margin: 0 0 0.8em;
}
header.major p {
font-size: 1.7em;
margin-bottom: 0;
}
@media screen and (max-width: 1280px) {
header.major {
margin-bottom: 4em;
}
header.major h2 {
font-size: 2.5em;
}
header.major p {
font-size: 1.3em;
}
}
@media screen and (max-width: 980px) {
header.major h2 {
font-size: 2em;
}
header.major p {
font-size: 1.1em;
}
}
@media screen and (max-width: 736px) {
header.major {
margin-bottom: 2em;
}
}
@media screen and (max-width: 480px) {
header.major h2 {
font-size: 1.75em;
}
}