body {
            width: 100%;
        	font-family: 'Helvetica', sans-serif;
            font-size: 12px;
            color: #000;
            margin-top: 0;
            margin-left: 0;
        }

        .main {
            width: 100%;
        }
        
        .left {
            position: relative;
            margin-right: 25%;
        }
        
        h1 {
        	font-size: 16px;
        	}


		/* TITLE BAR */
        .left img {
            float: left;
        }
        
        	footer {
			position: fixed;
			bottom: 0;
			font-size: 17px;
			font-weight: bold;
			padding-left: 30px;
			padding-bottom: 30px;
			}
 

  
        

    


/*-----------------------------------------ABSTRACT--------*/


        .main-content {
            width: 100%;
        }

        
        .contactinfo {
            padding-bottom: 10em;
        }

    .main-img-abstract {
            padding-bottom: 0em;
        }

    .main-img-abstract img {
            width: 100%;
        }


/*-------------------------------INDIVIDUAL ARTIST PAGE---*/

	.artist-main-content-text {
            font-size: 1.2em;
            line-height: 1.5em;
        }
    
    .artistinfo {
        padding-bottom: 10em;
    }
		



			


/*-----------------------------------ARTIST THUMBNAILS---*/

		.artist-thumbs {
			margin-left: 2.5em;
			margin-right: 2.5em;
			}
		
		/*--controls the opacity of the image on mouseover--*/
		.artist-thumbs img:hover {
			opacity: .95;
			}
			
		.artist-thumbs img {
			cursor: pointer;
			display: block;
			width: 50%;
			float: left;
			}
        
/*--------------------------------------end artist thumbnails---*/

        
 /*--------------------------------------HOVER OVER ARTIST THUMBNAILS---*/
       
       
        .hover-content1,.hover-content2,.hover-content3,.hover-content5,.hover-content6,.hover-content7,.hover-content8,.hover-content9,.hover-content10,.hover-content11,.hover-content12,.hover-content13,.hover-content14,.hover-content15,.hover-content16,.hover-content17,.hover-content18,.hover-content19,.hover-content20,.hover-content21,.hover-content22,.hover-content23,.hover-content24,.hover-content25,.hover-content26,.hover-content27,.hover-content28,.hover-content29,.hover-content30,.hover-content31,.hover-content32 {
        	text-align: center;
			float: left;
			margin-left: -38%;
			margin-top: 12em;
        	width: 25%;
        	padding: 0 0 0 0;
        	display: none;
        	transition: all 1s;
        	}
        	
.hover-content4 {
			text-align: center;
			float: left;
			margin-left: -38%;
			margin-top: 12em;
        	width: 25%;
        	padding: 0 0 0 0;
        	display: none;
        	transition: all 1s;
        	}
    
 /*--------------------------------------end hover over artist thumbnails---*/



        
        ul {
            list-style-type: none;
            padding-left: 0;
            line-height: 1.45em;
        }
            
        ul li {
        	font-size: 1em;
        	}

       
   
        
        a:link {
            text-decoration: none;
            color: #000;
        }
        
        a:hover {
            color: #FFF;
        }
        
        a:visited {
        	color: #000;
        	}
        
        a:visited:hover {
            color: #FFF;
			text-decoration: none;
        }


        


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------100px width or higher ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media all and (min-width: 100px) {
        
        /* MAKE SIGHTINGS BAR TAKE UP ALL OF TOP */
       
       	.left {
            width: 100%;
            padding-bottom: 6em
        }
    
        .left img {
            width: 19em;
        }
        	
        .mainmenu-l {
        	width: 100%;
        	float: left;
        	font-family: 'Helvetica', sans-serif;
        	font-size: 12px;
        	font-weight: 700;
            /*text-align: right; */
            padding-top: 32px;
            padding-right: 2em;
            padding-left: 1em;
            position: fixed;
            z-index: 1;
			
        }
        
        /*same as mainmenu-l on projects page, but had to re-code because extra space was appearing above title links, probably due to button adding mysterious padding. also added padding on bottom */
        .mainmenu-l-for-project-pages {
        	width: 100%;
        	float: left;
        	font-family: 'Helvetica', sans-serif;
        	font-size: 17px;
        	font-weight: 700;
            /*text-align: right; */
            padding-top: 8px;
            padding-right: 32px;
            padding-left: 32px;
            padding-bottom: 32px;
			
        }
        
/*--------------------------------------INDEX----------------------*/
        

/*--  .index-image {
    	padding-top: 6em;
    	}
--*/

    
    .index-image img {
           width: 100%;
           margin-bottom: -1em;
        }
        
/*-----------------------------------------------------------------*/  	
        	
        
        /* X IS INVISIBLE FOR SMALLER SCREENS */

        .right {
            display:none;

        }
        
        .mainmenu-r {
        	text-align: right;
        	z-index: 1;
        	padding-top: 21px;
        	padding-right: 36px;
        	}
    
    
    
        ul {
            margin-top: .1em;
            margin-bottom: -.055em;
        }
        
        .main-content-texta {
            margin-top: -.5em;
            font-size: 1.2em;
            padding-left: 1em;
            padding-right: 1em;
            padding-bottom: 2.5em;
            line-height: 1.5em;
            background-color: #fff;
        }
        
        .main-content-texta h2 {
            padding-top: 8.5em;
        }

        
        .main-content-textb {
            font-size: 1.2em;
            padding-top: 1.8em;
            padding-left: 1em;
            padding-right: 1em;
            padding-bottom: 10em;
            line-height: 1.5em;
            background-color: #cacdce;
        }
    
    .main-content-textb-abstract {
            font-size: 1.2em;
            padding-top: 1.8em;
            padding-left: 1em;
            padding-right: 1em;
            padding-bottom: 2.5em;
            line-height: 1.5em;
            background-color: #fff;
        }
        
        
        .artist-main-content-text img {
    		width: 100%;
    		float: left;
    		}
    		
    	.artistinfo {
			float: left;
			width: 90%;
			margin-top: .8em;
			margin-left: 1em;
			margin-bottom: 2em;
			}
        
        .artist-thumbs img {
			cursor: pointer;
			display: block;
			width: 100%;
			float: left;
			}
    
       .ep-bookend img {
			width: 25%;
			float: left;
			
			}
			
			

 
        .main-img-artists1 img {
        	margin-top: 2.5em;
        	margin-right: 3px;
        	}
    
        
        .main-img-artists1:hover > .hover-content1 {
        	display: none;
        	} 
		.main-img-artists2:hover > .hover-content2 {
        	display: none;
        	} 
        .main-img-artists3:hover > .hover-content3 {
        	display: none;
        	}
        .main-img-artists4:hover > .hover-content4 {
        	display: none;
        	}
        .main-img-artists5:hover > .hover-content5 {
        	display: none;
        	}
        .main-img-artists6:hover > .hover-content6 {
        	display: none;
        	}
        .main-img-artists7:hover > .hover-content7 {
        	display: none;
        	}
        .main-img-artists8:hover > .hover-content8 {
        	display: none;
        	}
        .main-img-artists9:hover > .hover-content9 {
        	display: none;
        	}
        .main-img-artists10:hover > .hover-content10 {
        	display: none;
        	}
        .main-img-artists11:hover > .hover-content11 {
        	display: none;
        	}
        .main-img-artists12:hover > .hover-content12 {
        	display: none;
        	}
        .main-img-artists13:hover > .hover-content13 {
        	display: none;
        	}
        .main-img-artists14:hover > .hover-content14 {
        	display: none;
        	}
        .main-img-artists15:hover > .hover-content15 {
        	display: none;
        	}
        .main-img-artists16:hover > .hover-content16 {
        	display: none;
        	}
        .main-img-artists17:hover > .hover-content17 {
        	display: none;
        	}
        .main-img-artists18:hover > .hover-content18 {
        	display: none;
        	}
        .main-img-artists19:hover > .hover-content19 {
        	display: none;
        	}
        .main-img-artists20:hover > .hover-content20 {
        	display: none;
        	}
        .main-img-artists21:hover > .hover-content21 {
        	display: none;
        	}
        .main-img-artists22:hover > .hover-content22 {
        	display: none;
        	}
        .main-img-artists23:hover > .hover-content23 {
        	display: none;
        	}
        .main-img-artists24:hover > .hover-content24 {
        	display: none;
        	}
        .main-img-artists25:hover > .hover-content25 {
        	display: none;
        	}
        .main-img-artists26:hover > .hover-content26 {
        	display: none;
        	}
        .main-img-artists27:hover > .hover-content27 {
        	display: none;
        	}
        .main-img-artists28:hover > .hover-content28 {
        	display: none;
        	}
        .main-img-artists29:hover > .hover-content29 {
        	display: none;
        	}
        .main-img-artists30:hover > .hover-content30 {
        	display: none;
        	}
        .main-img-artists31:hover > .hover-content31 {
        	display: none;
        	}
        .main-img-artists32:hover > .hover-content32 {
        	display: none;
        	}
 /*--------------------------------------BIO---*/

	.biobox {
			width: 100%;
			line-height: 1.5;
			font-size: 15px;

			}
	.bio {
			margin-left: 2.5em;
			margin-right: 2.5em;
			} 
			
	.bioimage {
			padding-left: 1em;
			
			}      	
			
	.bioimage img {
			width: 100%;
			}
			
 /*-------------------------------------IMG GALLERY of a given project--*/

	.projectgallerybox {
			width: 100%;
			}
			
	.projectgallery {
			margin-top: 2em;
			margin-left: 2.5em;
			margin-right: 2.5em;
			}
			
	.projectgallerytext {
			text-align: center;
			font-weight: bold;
			}
			
	.projectgallery img {
			display: block;
			margin: auto;
			margin-bottom: 1em;
			width: 80%;
			}
			
 /*-------------------------------------ABSTRACT of a given project--*/

	.abstracttitlebox {
			width: 100%;
			margin-top: 3em;
			margin-bottom: 2.5em;
			}
			
	.abstracttitle {
			margin: auto;
			width: 75%;
			font-weight: bold;
			font-size: 20px;
			}
	
	.abstractbox {
			width: 100%;
			margin-top: 2.5em;
			margin-bottom: 2.5em;
			}
	.abstract {
			margin: auto;
			width: 75%;
			line-height: 1.5;
			}       	
			
	.abstract img {
			width: 100%
			}
			
			
/*--------------------------------------INDIVIDUAL ARTWORK PAGES---*/
        

    .artwork {
    	padding-top: 2em;
    	padding-right: 1em;
    	padding-left: 1em;
    	padding-bottom: 2em;
    	}
    
    .artwork img {
           width: 100%;
           margin-bottom: 1em;
        }
        
    .artwork-label {
    	padding-bottom: 10px;
    	line-height: 1.4;
    	font-size: 12px;
    	}
			
			
/*--------------------------------------PROJECTS overview page---*/


	.projectsbox1 {
			width: 100%;
			padding-top: 80px;
			}
	.projects-1 {
			margin-left: 2.5em;
			margin-right: 2.5em;
			float: left;
			}
	.projects-1 img {
			width: 100%;
			}
			
			
			
	.projectsbox2 {
			width: 100%;
			padding-top: 80px;
			}
	.projects-2 {
			margin-left: 2.5em;
			margin-right: 2.5em;
			float: left;
			}
	.projects-2 img {
			width: 100%;
			}
			
			
			
			
	.projectsbox3 {
			width: 100%;
			}
	.projects-3 {
			margin-left: 2.5em;
			margin-right: 2.5em;
			float: left;
			}
	.projects-3 img {
			width: 100%;
			}
		
	
	.projectsbox4 {
			width: 100%;
			}
	.projects-4 {
			margin-left: 2.5em;
			margin-right: 2.5em;
			float: left;
			}
	.projects-4 img {
			width: 100%;
			}
				
			
			
	.projectsbox5 {
			width: 100%;
			}
	.projects-5 {
			margin-left: 2.5em;
			margin-right: 2.5em;
			float: left;
			}
	.projects-5 img {
			width: 100%;
			}
				
			
			
	.projectsbox6 {
			width: 100%;
			}
	.projects-6 {
			margin-left: 2.5em;
			margin-right: 2.5em;
			float: left;
			}
	.projects-6 img {
			width: 100%;
			}



	.projects-text {
			padding-top: 1em;
			padding-bottom: 2em;
			font-weight: bold;
			}
			
			
        
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 300px width or higher/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width: 300px) {


	.bioimage img {
			width: 40%
			}
			
	footer {
			position: fixed;
			bottom: 0;
			font-size: 17px;
			font-weight: bold;
			padding-left: 30px;
			padding-bottom: 30px;
			}
 
        	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------800px width or higher --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media all and (min-width: 800px) {

		.left {
            width: 100%;
            position: relative;
            padding-bottom: 0px;
        }
        
        
        .mainmenu-l {
        	width: 100%;
        	float: left;
        	font-family: 'Helvetica', sans-serif;
        	font-size: 17px;
        	font-weight: 700;
            /*text-align: right; */
            padding-top: 32px;
            padding-right: 2em;
            padding-left: 2em;
            position: fixed;
            z-index: 1;
			
        }
        
        
        /* MAKE X VISIBLE! */

        .right {
        	display: inherit;
            float: right;
            position: fixed;
			z-index: 1;
			top: 0;
			right: 0;
			font-family: 'Playfair Display', serif;

        }


/*--------------------------------------INDEX----------------------*/
        

	.index-image {
    	padding-top: 6em;
    	}

    
    .index-image img {
           width: 100%;
           margin-bottom: -1em;
        }
        
/*-----------------------------------------------------------------*/  

        
        /*IMAGE AND TEXT ON ARTIST PAGE 50% EACH*/
        .artist-main-content-text img {
    		width: 50%;
    		float: left;
    		}
    		
    	.artistinfo {
			float: left;
			width: 43%;
			margin-top: .8em;
			margin-left: 2.2em;
			margin-bottom: 2em;
			}
        	
        /*CHANGE ARTIST IMAGES TO 50%*/
        .artist-thumbs img {
			cursor: pointer;
			display: block;
			width: 50%;
			float: left;
			
			}
        	
        /*EGG HIDING IMG*/
        .main-img-artists1 img {
        	width: 108%;
        	margin-top: 2.5em;
        	margin-left: -30px;
        	}
        .main-img-artists1:hover > .hover-content1 {
        	display: block;
        	} 
         
        	
		.main-img-artists2:hover > .hover-content2 {
        	display: block;
        	} 
        .main-img-artists2 img {
        	width: 33%;
        	margin-top: 2em;
        	margin-left: 5em;
        	}
        
        /*HIDE WITH WHITE BACKGROUND*/
        
        /*.main-img-artists3 {
        	width: 97%;
        	} */
        	
        .main-img-artists3:hover > .hover-content3 {
        	display: block;
        	}
        .main-img-artists3 img {
        	margin-top: 3em;
        	margin-left: -.9em;
        	}
        	
        /*GLOVE*/	
        .main-img-artists4:hover > .hover-content4 {
        	display: block;
        	}
        .main-img-artists4 img {
        	float: right;
        	}
        
        .main-img-artists5:hover > .hover-content5 {
        	display: block;
        	}
        	.main-img-artists5 img {
        	margin-top: 25em;
        	margin-left: 5em;
        	}
        	
        .main-img-artists6:hover > .hover-content6 {
        	display: block;
        	float: left;
        	}
        	.main-img-artists6 img {
        	width: 85%;
        	margin-top: 5em;
        	margin-bottom: 7em;
        	}
        	
        	
        /*SPREADS*/
        .main-img-artists7 img {
        	width: 100%;
        	margin-bottom: 2em;
        	}
        .main-img-artists7:hover > .hover-content7 {
        	display: block;
        	}
        	
        	
        /*now it sees itself monotype*/
        .main-img-artists8 img {
        	width: 100%;
        	margin-bottom: 2em;
        	}
        
        .main-img-artists8:hover > .hover-content8 {
        	display: block;
        	}
        	
        	
         /*SEEING THINGS*/
        .main-img-artists9 img {
        	width: 100%;
        	margin-bottom: 2em;
        	}
        
        .main-img-artists9:hover > .hover-content9 {
        	display: block;
        	}
        	
        	
        	
        .main-img-artists9:hover > .hover-content9 {
        	display: block;
        	}
        .main-img-artists10:hover > .hover-content10 {
        	display: block;
        	}
        .main-img-artists11:hover > .hover-content11 {
        	display: block;
        	}
        .main-img-artists12:hover > .hover-content12 {
        	display: block;
        	}
        .main-img-artists12:hover > .hover-content12 {
        	display: block;
        	}        
        .main-img-artists12:hover > .hover-content12 {
        	display: block;
        	}
        .main-img-artists12:hover > .hover-content12 {
        	display: block;
        	}
        .main-img-artists13:hover > .hover-content13 {
        	display: block;
        	}
        .main-img-artists14:hover > .hover-content14 {
        	display: block;
        	}
        .main-img-artists15:hover > .hover-content15 {
        	display: block;
        	}
        .main-img-artists16:hover > .hover-content16 {
        	display: block;
        	}
        .main-img-artists17:hover > .hover-content17 {
        	display: block;
        	}
        .main-img-artists18:hover > .hover-content18 {
        	display: block;
        	}
        .main-img-artists19:hover > .hover-content19 {
        	display: block;
        	}
        .main-img-artists20:hover > .hover-content20 {
        	display: block;
        	}
        .main-img-artists21:hover > .hover-content21 {
        	display: block;
        	}
        .main-img-artists22:hover > .hover-content22 {
        	display: block;
        	}
        .main-img-artists23:hover > .hover-content23 {
        	display: block;
        	}
        .main-img-artists24:hover > .hover-content24 {
        	display: block;
        	}
        .main-img-artists25:hover > .hover-content25 {
        	display: block;
        	}
        .main-img-artists26:hover > .hover-content26 {
        	display: block;
        	}
        .main-img-artists27:hover > .hover-content27 {
        	display: block;
        	}
        .main-img-artists28:hover > .hover-content28 {
        	display: block;
        	}
        .main-img-artists29:hover > .hover-content29 {
        	display: block;
        	}
        .main-img-artists30:hover > .hover-content30 {
        	display: block;
        	}
        .main-img-artists31:hover > .hover-content31 {
        	display: block;
        	}
        .main-img-artists32:hover > .hover-content32 {
        	display: block;
        	}

/*MAKE BIO SMALLER*/

	.biobox {
			width: 65%
			}
	.bio {
			margin-left: 32px;
			margin-right: 32px;
			}   
			
	.bioimage {
			padding-top: 6em;
			}      	
			
	.bioimage img {
			width: 20%;
			}

/*MAKE PROJECT IMAGES SMALLER*/
       	
	
	.projectsbox1 {
			width: 50%;
			float: left;
			}
	.projects-1 {
			margin-left: 2.5em;
			margin-right: 1.25em;
			float: left;
			}
	
	.projectsbox2 {
			width: 50%;
			float: left;
			}
	.projects-2 {
			margin-left: 1.25em;
			margin-right: 2.5em;
			float: left;
			}
			
	.projectsbox3 {
			width: 50%;
			float: left;

			}
	.projects-3 {
			margin-left: 2.5em;
			margin-right: 1.25em;
			float: left;
			}
	
	.projectsbox4 {
			width: 50%;
			float: left;

			}
	.projects-4 {
			margin-left: 1.25em;
			margin-right: 2.5em;
			float: left;
			}
	
	
	
	.projectsbox5 {
			width: 50%;
			float: left;
			}		
	.projects-5 {
			margin-left: 2.5em;
			margin-right: 1.25em;
			float: left;
			}
			
			
	.projectsbox6 {
			width: 50%;
			float: left;
			}		
	.projects-6 {
			margin-left: 1.25em;
			margin-right: 2.5em;
			float: left;
			}	
	
			
 /*---------MAKE 3 COLUMNS IN PROJECT PAGES ABSTRACT TEXT--*/

	.abstractbox {
			width: 100%
			}
	.abstract {
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
   			-moz-column-count: 2; /* Firefox */
    		column-count: 2;
    		-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    		-moz-column-gap: 2em; /* Firefox */
    		column-gap: 2em;
			margin: auto;
			width: 75%;
			line-height: 1.5;
			}       	
			
	.abstract img {
			width: 100%
			}
			
        
        
/*--------------------------------------INDIVIDUAL ARTWORK PAGES---*/
        

    .artwork {
    	padding-top: 7em;
    	padding-right: 6em;
    	padding-left: 6em;
    	padding-bottom: 2em;
    	}
    
    .artwork img {
           width: 100%;
           margin-bottom: 4em;
        }
        
    .artwork-label {
    	padding-bottom: 3em;
    	line-height: 1.4;
    	font-size: 12px;
    	width: 33%;
    	}
        

 
				
			
				

    
/*---------------1000px width or higher-------*/
@media all and (min-width: 1000px) {   
    

        
    
    
/*---------------1140px width or higher-------*/
@media all and (min-width: 1140px) {