body
        {
		font-family:  	    abel,
		                    helvetica,
		                    swiss,
		                    "swiss bt",
		                    univers,
		                    futura,
		                    verdana,
		                    tahoma,
		                    sans-serif;
		background-color: 	#fff;
		color: 				#000;
		font-size: 			1em;
	    line-height:        1em;
        padding:            1em 10%;
        align-content:      center;
		}

object
        {
        display:            block;
        }

.title object   {
        margin-top:         .5em;
        }
        
#content object    {
        width:              100%;
        margin:             0;
        }

.first {
        margin:             0 auto 0.5em auto;
        width:              80%;
        border-top:         .5em solid black;
        }

.first .title, .first .desc, .first .art {

        border-top:         none;
        padding-top:        .2em;
        padding-bottom:     1em;
        }
        
.second {
        clear:              both;
        border-top:         1px solid black;
        padding-top:        4em;
        margin:             .5em auto 2em auto;
        width:              80%;
        }

.second .title, .second .desc, .second .art {
        border-top:         none;
        padding-bottom:     3em;
        }

.postproduction {
        clear:              both;
        margin:             2em auto 2em auto;
        width:              80%;
        }
        
.postproduction .title, .postproduction .desc, .postproduction .art {
        border-top:         none;
        padding-top:        .2em;
        padding-bottom:     1em;
        }

.last   {
        clear:              both;    
        margin:             auto;
        width:              80%;

        }
        
.slide {
        clear:              both;
        margin:             .5em auto;
        width:              80%;
        padding-bottom:     2em;
        }

.title  {
        float:              left;
        width:              20%;
        padding-top:        .2em;
        padding-bottom:     1em;
        /*  border-top:         1px solid black;    */
        }

.thumbnail {
        padding-top:        .2em;
        padding-bottom:     1em;
        }

.desc, .art {
        width:              40%;
        float:              left;
        /*  border-top:         1px solid black;    */
        padding-top:        .2em;
        padding-bottom:     3em;
        }

#content {
        width:              80%;
        float:              left;
        /*  border-top:         1px solid black;    */
        padding-top:        2px;
        }

.left   {
        float:              left;
        width:              48%;
        margin-right:       .5em;
        }

.right  {
        float:              left;
        width:              48%;
        }

.credit {
        padding-bottom:     1em;
        }

.masthead {
        position:           fixed;
        left:               13%;
        bottom:             2em;
        }

.material-symbols-outlined {
        vertical-align:     -11.5%;
        }
        
@media screen and (max-width: 1000px) {
        body    {
                font-size:      1.5em;
                line-height:    1.5em;
                padding:        0;
                margin:         1em 10%;
                }
            
        .first, .second, .postproduction, .slide, .title, .desc, .last, #content   {
                clear:          both;
                width:          100%;
                margin:         0;
                padding:        1em 0 0.5em 0;
                }
            
        .second {
                padding-top:        4em;
                }
                
        .second .title {
                display:    none;
                }
                
        .postproduction .title  {
            padding-bottom: .2em;
                }
            
        .art    {
                display:        none;
                }
            
        .desc, #content {
                border-top:         0;
                }
                
        .credit {
                padding-bottom:     0;
                }
    }


h1      {
		font-family:        futura;
		font-weight:        bold;
        margin:             0;
        padding:            0;
        font-size:          1em;
        line-height:        .95em;
        }

h2
        {
        font-family:        futura;
        font-weight:        normal;
        margin:             0;
        padding:            0;
        font-size:          1em;
        width:              100%;
        line-height:        1em;
        }

p       {
        margin:             0;
        padding:            0;
        line-height:        1em;
        }

ul      {
        margin:             0;
        padding:            0;
        width:				100%;
        }

li
        {
		list-style-type:	none;
	    line-height:        1em;
		}

em      {
        font-weight:        bold;
        font-style:         normal;
        }

a:link
        {
        text-decoration:    none;
		background-color: 	#fff;
		color:				#000;
        float:              left;
        width:              100%;
		}

h2 a:link, h2 a:visited
        {
        color:				#000;
        }
        
#copy a:link
        {
        display:            inline;
        float:              none;
        }

a:visited
        {
        text-decoration:    none;
		color: 				#999;
		background-color: 	#fff;
		}
		
h1 a:visited
        {
        color:              #000;    
        }

a:hover, h1 a:hover, h2 a:hover
        {
		color:				#fff;
		background-color:	#000;
		float:              left;
		}