body.remove {
  				background-image: url("http://jasonwingrove.co.uk/images/beach.jpg");
  				background-repeat: no-repeat;
  				background-color: black;
  				}

	body.home {
  				background-image: url("http://jasonwingrove.co.uk/images/london_eye.jpg");
  				background-repeat: no-repeat;
  				background-color: black;
  				}
  
  	body.work{ 
  				background-image: url("http://jasonwingrove.co.uk/images/thames_boat.jpg");
  				background-repeat: no-repeat;
  				background-color: black;
				}

	/*h1{
		color:silver; text-align:center; font-family: 'Tangerine', cursive;
		font-size: 4em; 
		}*/
		
		h1, h2, h3, h4, h5, h6 {
		color:silver;
		text-align:center;
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-weight: 900;
		line-height: 1.5;
		letter-spacing: 0.075em;
		text-transform: uppercase;
		margin: 0 0 2rem 0;
		}



	.box {
    		width: 100%;
    		height: auto;
    		padding: 1%;
    		box-sizing: border-box;
		}

	/*.videobox	{
					width: 100%;
					height: auto;
					background-color: black;
					margin: 0 auto;
					box-sizing: border-box;
					
				}*/

	
	.downloads {
				display: flex;
				justify-content: flex-end;
				padding: 0 10px;
				/*border: 1px solid yellow;*/
				}

	

	.text	{
			width: 60%;
			text-align: left;
			position: relative; 
			margin: 4em auto;
			padding-bottom: 5%; 
			box-sizing: border-box;
			/*border: 1px solid white;*/
			}
       
		p 	{ 
			color: silver;
			text-align: center; 
			font-family: 'Piazzolla', serif;
			font-size: 1.5em; 
			}
			
	 	img { 
    		height: auto; 
    		width: 100%; 
    		object-fit: cover;
    		}
    	
   	 .film  {
    		width: 100%;
    		padding: 1.5em 0 0 0;
    		}
    		
    p.film  {   		
    			text-align: left;
    		}
    		
	p.bio-text	{
  			text-align: left;
			}
    			
    	
    			
    	video {
        
       			width: 100%;
       			object-fit: cover; // use "cover" to avoid distortion
        		position: absolute;
        		box-shadow: .5em .5em 5px rgb(0 0 0 / 0.3);	
    			}
			

											

    	/* Smartphones ---------- */

    	@media screen and (min-width: 321px)	{
					h1, h2, h3, h4, h5, h6     {
											color:silver;
											text-align:center;
											font-family: "Source Sans Pro", Helvetica, sans-serif;
											font-weight: 900;
											line-height: 1.5;
											letter-spacing: 0.075em;
											text-transform: uppercase;
											margin: 0 0 2rem 0;
											}
											
								.container	{
											position: relative;
											padding-bottom: 0;
											height: auto; overflow: hidden; 
											max-width: 80%;
											line-height: 0;
											margin: 0 auto;
											box-sizing: border-box;
											box-shadow: .5em .5em 5px rgb(0 0 0 / 0.3);											
											}
											
								a.container {
											text-decoration: none;
											}
											
									.text	{
											width: 90%;
											position: relative;  
											margin: 4em auto;
											padding-bottom: 0;
											box-sizing: border-box;
											}
											 
										p	{ 
											color: silver;
											text-align: center; 
											font-family: 'Piazzolla', serif;
											font-size: 1em; 
											}								
   									 }

   	    	/* Desktops and laptops ---------- */

    	@media screen and (min-width: 1000px)	{
    
					h1, h2, h3, h4, h5, h6     {
											color:silver;
											text-align:center;
											font-family: "Source Sans Pro", Helvetica, sans-serif;
											font-weight: 900;
											line-height: 1.5;
											letter-spacing: 0.075em;
											text-transform: uppercase;
											margin: 0 0 2rem 0;
											}
								.container	{
											position: relative;
											padding-bottom: 0;
											height: auto; overflow: hidden; 
											max-width: 50%;
											margin: 0 auto;
											line-height: 0;
											box-shadow: .5em .5em 5px rgb(0 0 0 / 0.4);
											}
											
									.text	{
											width: 60%;
											position: relative; 
											margin: 4em auto;
											padding-bottom: 5%;
											box-sizing: border-box;
											} 
										p	{ 
											color: silver;
											text-align: left; 
											font-family: 'Piazzolla', serif;
											font-size: 1.25em; 
											}
   	 									}
    
    									img {
    										
    										height: auto; 
    										width: 100%; 
    										object-fit: cover;
    										line-height: 0;
    									 	}