@media only screen and
/* (max-width: 768px) */
/*(-webkit-min-device-pixel-ratio: 1.5),*/
/* (min-resolution: 144dpi) */
(max-width: 1024px)
{
    body
    {
        /* font-size: 30pt; */
        font-size: 3em;
    }
    img.toolbar
    {
        width: 80px;
    }
    div.content
    {
        /* position: absolute;
        top: 150px; */
    }
    audio
    {
        /* just affects vertical space it takes, not the height of the controls
         */
        height: 60px; 
        width: 80%;
        overflow:auto;
    }
    div.CatalogueComposer, div.CatalogueIDs, div.ScoreComposer,
    div.MediaComposer
    {
        width: 600px;
    }
    img.me
    {
        border-radius: 40%;
        opacity: 0.8;
        width: 20%;
        float: left;
        padding-right: 1em;
    }
    div.strapline
    {
        width: 90%;
    }
    div.homedia { /* the block for bandcamp and youtube on the main page */
        width: 100%;
        /*height: 7000px;
        max-height: none;/
        /* position: relative; */
        padding-top: 5em;
    }
    div.bandcamp
    {
        /* width: 100%;
           display: inline;
           position: relative;
           left: 0;
           padding-top: 20px;
           padding-bottom: 2em; */
    }
    div.youtube
    {
        padding-bottom: 5em;
/* width: 100%;
           display: inline;*/
        /*display: inline-block; */
        /* position: relative; */
        /*right: 0;*/
    }
    iframe.bandcamp
    {
        border: 0px;
        width: 580px;
        height: 864px;
        /* font-size: 40pt; */
    }
    iframe.youtube
    {
        position: relative;
        left: 0px;
        border: 0px;
        width: 700px;
        height: 394px;
/* padding-bottom: 1em;
        border: 0px;
        width: 800px;
        height: 400px;
        left: 0; */
    }
    td.indent {
        padding-left: 5px;
        /* text-transform: lowercase; */
        overflow: hidden;
    }
    div.quotation
    {
        font-style: italic;
        width: 60%;
        text-align: left;
        line-height: 120%;
        font-size: 0.6em;
        color: #ffffff;
        position: relative;
        left: 0px;
    }
}