.bg {
    background-size: cover;
    background-position: 0 1%;
}

.bg h1 {
    font-size: 5em;
    text-align: center;
    padding: 20% 0 20% 0;
}

main {
    color: black;
    font-weight: bold;
    text-align: center;
}

 .content img {
    margin: 5% 0 5% 0;
 }

 #acornToggle {
    margin: 0;
 }

 

 @media screen and (max-width: 420px){
    .bg h1 {
        margin-left: 5%; 
        padding-top: 30%;
    }

    footer {
        margin-top: 20%;
     }
}

@media screen and (max-width: 375px){
    .bg h1 {
        margin-left: 4%;
        padding-top: 30%;
    }
}