body {
    color: #4e342e;
    background-color: #fff3e0;
}

h1 {
    color: #fb8c00;
}

article {
    background: #fff8e1;
    box-shadow: 0 0 10px rgba(251, 140, 0, 0.1);
}

a {
    color: #ef6c00;
}
a:hover {
    color: #4e342e;
}

@media (max-width: 1024px) {
    article {
        width: 100%;
        background: none;
        padding: 0;
        box-shadow: none;
        text-align: center;
    }
}

@media (max-width: 480px) {
    article {
        width: 100%;
        background: none;
        padding: 0;
        box-shadow: none;
        text-align: left;
    }
    .contact {
        background-color: #fb8c00;
        box-shadow: 0 -2px 5px rgba(251, 140, 0, 0.3);
    }
}