body {
    padding-top: 20px;
    width: 60%;
    margin: auto;
}
.jumbotron {
    background-color: #ffde9d;
    border: 1px solid #5d341e;
}
h1 {
    font-size: 50px;
    color: #5d341e;
    padding-top: 20px;
}
@media (max-width: 1090px) {
    h1 {
        font-size: 48px;
    }
    body {
        width: 70%;
    }
}
@media (max-width: 950px) {
    h1 {
        font-size: 40px;
    }
}
@media (max-width: 800px) {
    h1 {
        font-size: 32px;
    }
    body {
        width: 80%;
    }
}
@media (max-width: 640px) {
    h1 {
        font-size: 30px;
    }
    body {
        width: 90%;
    }
}
@media (max-width: 480px) {
    h1 {
        font-size: 25px;
    }
    body {
        width: 90%;
    }
}
@media (max-width: 400px) {
    h1 {
        font-size: 22px;
    }
}
@media (max-width: 360px) {
    h1 {
        font-size: 18px;
    }
}
@media (max-width: 320px) {
    h1 {
        font-size: 16px;
    }
}