/* 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";
    }

    #navegacion {
        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: 5px solid #fff;
        color: #039900;
        border-top: 1px solid transparent;
    }

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

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

    #foto{
        border-radius: 25px;
        font-size: 20px;
        font-weight: 300;
        line-height: 1;
        color: rgba(7, 0, 123, 0.77);
        overflow: hidden; /* Vertically center images part 2: clear their floats. */
        background: limegreen;
        border: solid #ddd;

    }

    #video{
        height:0px;
        width:100%;
        padding-top:56.25%; /* Relación: 16/9 = 56.25% */
        position:relative;
    }

    #video iframe{
        position:absolute;
        height:100%;
        width:100%;
        top:0px;
        left:0px;


    }

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