body{
			margin: 0px;
			background: rgb(230,230,230);
			hyphens: none;
			}

/*GENERAL STYLES*/		


		@font-face {
  			font-family: "ITC Berkeley Oldstyle Std";
  			src: url(fonts/BerkeleyPro-Book.otf);
			}	

		@font-face {
  			font-family: "ITC Berkeley Oldstyle Std Italic";
  			src: url(fonts/BerkeleyPro-BookItalic.otf);
			}														

		@viewport{
  		   	zoom: 1.0;
    		width: extend-to-zoom;
			}		

		* {	cursor: crosshair;
			}	
			
	
/*––––––––––––––––––––––––––––––––––––––––PHONE––––––––––––––––––––––––––––––––––––––––*/

@media only screen and (max-width: 640px) {
}

@media (max-width: 768px) { 		

			
		.text {
			position: fixed;
			display: flex;
			justify-content: center;
			width: 100vw;
			letter-spacing: 0em;
			font-size: 4vw;
			line-height:110%;				
			top:2.2vw;
			font-family:'ITC Berkeley Oldstyle Std';
			font-weight: normal;
			color: black;
			text-decoration: none;
			z-index: 5;
			}	
		
		.bottom{
			top:auto;
			bottom:2.2vw;
			}	
	
		a.text {
			}	
	
		.infobox{
			position: fixed;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			width: 100vw;
			height: 100vh;
			z-index: 1;
			}
				
		.info{
			text-align: center;
			letter-spacing: 0em;
			font-size: 4vw;
			line-height:120%;
			font-family:'ITC Berkeley Oldstyle Std';
			font-weight: normal;
			color: black;
			text-decoration: none;		
			}
	
		a.info{
			}	
	
		.photobox{
			width: 100vw;
			height: auto;
			overflow-x: hidden;
			overflow-y:scroll;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			z-index: 1;
			}	
				
		img.photo{
			position:auto;
			height: auto;
			}	
			
		img.photo1 {
			width: 60vw;
			padding-left:20vw; 
			padding-top:0vw; 
			padding-bottom:10vw;
			}	
	
		img.photo2 {
			width: 60vw;
			padding-left: 0vw;
			}	
	
		img.photo3 {
			width: 30vw;
			padding-top: 40vw; 
			padding-left: 10vw;
			}	
	
		img.photo4 {
			width: 60vw;
			padding-left: 20vw;
			padding-top: 10vw; 
			}	
			
		img.photo5 {
			width: 60vw;
			padding-top: 10vw;
			padding-left: 40vw;
			}	
				
		img.photo6 {
			width: 60vw;
			padding-top: 0vw; 
			padding-right: 0vw;	
			}	

		img.photo12 {
			width: 100vw;				
			padding-left:0vw;
			padding-top:10vw;
			}			
	
		img.photo7 {
			width: 60vw;
			padding-left: 20vw;
			padding-top: 10vw;
			}	
	
		img.photo8 {
			width: 60vw;
			padding-left: 0vw;
			padding-right: 20vw;
			padding-top: 10vw;
			padding-bottom: 10vw;
			}	
				
		img.photo9 {
			width: 60vw;
			padding-left: 40vw;	
			}		
				
		img.photo10 {
			width: 60vw;	
			padding-top: 0vw;			
			}	
				
		img.photo11 {
			width: 60vw;				
			padding-left:20vw;
			padding-top:10vw;
			padding-bottom:10vw;
			}								
				
		img.eckenLT {
			position: fixed;
			display: flex;
			left:2vw;
			top:2vw;
			width: 5vw;
			z-index: 5;
			}		
			
		img.eckenLB {
			position: fixed;
			display: flex;
			left:2vw;
			bottom:2vw;
			width: 5vw;
			z-index: 5;
			}	
			
		img.eckenRB {
			position: fixed;
			display: flex;
			right:2vw;
			bottom:2vw;
			width: 5vw;
			z-index: 5;
			}	
			
		img.eckenRT {
			position: fixed;
			display: flex;
			right:2vw;
			top:2vw;
			width: 5vw;
			z-index: 5;
			}				
		
}

/*––––––––––––––––––––––––––––––––––––––––COMPUTER––––––––––––––––––––––––––––––––––––––––*/

@media (min-width: 641px) {

		.text{
			position: fixed;
			display: flex;
			justify-content: center;
			width: 100vw;
			letter-spacing: 0.02em;
			font-size: 1.5vw;
			line-height:110%;
			top:1vw;
			font-family:'ITC Berkeley Oldstyle Std';
			font-weight: normal;
			color: black;
			text-decoration: none;
			z-index: 5;
			}	

		.bottom{
			top:auto;
			bottom:1vw;
			}				

		a.text{
			}	

		a.text:hover{
			font-style: italic;
			}	

		.infobox{
			position: fixed;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			width: 100vw;
			height: 100vh;
			z-index: 1;
			}
			
		.info{
			text-align: center;
			letter-spacing: 0.02em;
			font-size: 1.5vw;
			line-height:110%;
			font-family:'ITC Berkeley Oldstyle Std';
			font-weight: normal;
			color: black;
			text-decoration: none;				
			}

		a.info{
			}	
	
		a.info:hover{
			font-style: italic;
			}		

		.photobox{
			width: 100vw;
			height: auto;
			overflow-x: hidden;
			overflow-y:scroll;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			z-index: 1;
			}	
			
		img.photo{
			position:auto;
			height: auto;
			}	
		
		img.photo1 {
			width: 60vw;
			padding-left:20vw; 
			padding-top:10vw; 
			padding-bottom:10vw;
			}	

		img.photo2 {
			width: 40vw;
			padding-right: 60vw;
			padding-left:0;
			}	

		img.photo3 {
			width: 20vw;
			padding-top: 20vw; 
			padding-left: 20vw;
			}	

		img.photo4 {
			width: 40vw;
			padding-left: 20vw;
			}	
		
		img.photo5 {
			width: 60vw;
			padding-top: 10vw;
			padding-left: 0;
			}	
			
		img.photo6 {
			width: 20vw;
			padding-top: 30vw; 	
			padding-left: 0;			
			}	

		img.photo12 {
			width: 40vw;				
			padding-left:20vw;
			padding-top:10vw;
			}				

		img.photo7 {
			width: 40vw;
			padding-left: 60vw;
			padding-top: 10vw;
			}			

		img.photo8 {
			width: 20vw;
			padding-left: 40vw;
			}	
			
		img.photo9 {
			width: 40vw;
			padding-top: 10vw; 
			padding-right: 20vw;
			}		
			
		img.photo10 {
			width: 40vw;				
			padding-top: 25vw; 
			}	
			
		img.photo11 {
			width: 60vw;				
			padding-left:20vw;
			padding-top:10vw;
			padding-bottom:10vw;
			}		
			
		img.eckenLT {
			position: fixed;
			display: flex;
			left:1vw;
			top:1vw;
			width: 3vw;
			z-index: 5;
			}		
			
		img.eckenLB {
			position: fixed;
			display: flex;
			left:1vw;
			bottom:1vw;
			width: 3vw;
			z-index: 5;
			}	
			
		img.eckenRB {
			position: fixed;
			display: flex;
			right:1vw;
			bottom:1vw;
			width: 3vw;
			z-index: 5;
			}	
			
		img.eckenRT {
			position: fixed;
			display: flex;
			right:1vw;
			top:1vw;
			width: 3vw;
			z-index: 5;
			}			
}