header,
footer {
    background-color: #626262;
    border-style: solid;
    border-color: wheat;
}

header h1 {
    text-align: center;
}

@media only screen and (max-width: 480px) and (orientation: portrait) {

    header,
    article,
    footer {
        border-radius: 0.3rem;
    }

    header h1 {
        padding: 1.6rem 1.2rem;
    }
}


@media screen and (min-width: 481px),
screen and (orientation: landscape) {

    header,
    article,
    footer {
        border-radius: 6px;
    }

    header h1 {
        padding: 39px 10px;
    }
}