body {
    word-wrap: break-word;
}

main, footer {
    margin: 60px 100px;
}

body > main > h1 {
    font-size: 50px;
    margin: 0;
}

body > main > h2 {
    font-size: 24px;
    margin-bottom: 50px;
}

@media (max-width: 700px) {
    main, footer {
        margin: 60px;
    }
}

@media (max-width: 500px) {
    main, footer {
        margin: 60px 30px;
    }
}