/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
@media screen and (max-width:400px){
    body {
        width: 380px;
        margin-left: auto;
        margin-right: auto;
        background: greenyellow;

    }

    h1 {
        font-family: "Monotype Corsiva";
        background: limegreen;
        border-radius: 25px;
    }

    h2 {
        font-family: "Papyrus"
    }

    p {
        font-family: "Tahoma";
    }
    #sol, #solicitado{
        color: #039900;
        font-family: "Tahoma";
        background: lightyellow;
        border-radius: 25px;
    }

    table {
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        font-size: 12px;
        margin: 45px;
        width: 480px;
        text-align: left;
        border-collapse: collapse;
    }

    th {
        font-size: 18px;
        font-weight: normal;
        padding: 8px;
        background: #b4feac;
        border-top: 4px solid #92fe7e;
        border-bottom: 1px solid #fff;
        color: #039900;
    }

    td {
        padding: 8px;
        background: #e8edff;
        border-bottom: 1px solid #039900;
        color:#039900;
        border-top: 1px solid transparent; }

    tr:hover td {
        background: #d0dafd;
        color: #039900;
    }

    .featurette-divider {
        margin: 30px 0; /* Space out the Bootstrap <hr> more */
    }


    footer {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: lightyellow;
        border-radius: 25px;
    }
}