html, body{
    margin: 0%;
    padding: 0%;
    width: 100%;
    height:100%;

}
.box{
    background-color: grey;
    height: 200px;
    margin: 3%;
    min-width: 120px;
    padding-top: 60px;
    font-size: 1.25em;
    color: white;
    border-radius: 5%;
    text-align: center;
    opacity: .8;
    font-size: 2em;
}    

.headings {
    text-align: center;
    color: white;
    
}

.offset{
    padding-left: 2%;
}

.allcontent {
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-left: 10%;
    background: url("../images/sunny.jpg");
    background-size: 100% 100%;
}

@media (max-width: 47.9em) {
    .allcontent{
        height: 1500px;
    }
    
}