html,
body {
    height: 100%;
    min-height: 100%;
    /* The html and body elements cannot have any padding or margin. */
    background: url('../img/bcks.jpg') fixed center center;
    font-family: 'Hind', sans-serif;
}


.gramed img {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px 0;
    margin: 0 auto;
    display: block;
}

.text-white {
    color: white;
    text-shadow: 1px 1px 0 #000;
}

a.text-white {
    color: #fafafa;
    text-shadow: 1px 1px 0 #000;
}

#instafeed {
}

.listing li a em {
    font-variant: small-caps;
    color: #666;
}

.listing-styled {
    margin-left: -25px;
}
.listing-styled li a em {
    font-variant: small-caps;
    color: #666;
}
audio {
    width: 100%;
}

#pinBoot {
    position: relative;
    max-width: 100%;
    width: 100%;
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.white-panel {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
}

    .white-panel h4 {
        text-align: center;
    }
    /*
stylize any heading tags withing white-panel below
*/

    .white-panel h1 {
        font-size: 1.3em;
    }

        .white-panel h1 a {
        }

    .white-panel:hover {
    }