html{line-height:1}
	ol,ul{list-style:none}
    p{font-size:18.1px;line-height:27px;margin-bottom:20px}
	
    .title{ font-size:30px;
	        letter-spacing:0.035em;
	        font-family:'Bree Serif', serif;
			margin-bottom:3%;}
			
    @media(max-width:1222px)and (orientation:portrait){  
   .title {margin-top:8%;}}
			
     @media(max-width:767px){
     .title{ font-size:21px;
	         letter-spacing:0.035em;
	         font-family:'Bree Serif', serif;
             font-weight:600;
			 margin-top:24%;}}
			 
			 
	.title_bibliografia{ font-size:19px;
	        letter-spacing:0.045em;
	        font-family:'Bree Serif', serif;
			margin-bottom:1.4%;
			text-align: left;
			}
			
    @media(max-width:1222px)and (orientation:portrait){  
   .title_bibliografia {margin-top:8%;}}
			
     @media(max-width:767px){
     .title_bibliografia{ font-size:21px;
	         letter-spacing:0.035em;
	         font-family:'Bree Serif', serif;
             font-weight:600;
			 margin-top:24%;}}
	
	.subtitle{ font-family:'Neuzeit Grotesk',sans-serif;
		       font-weight:normal;
			   color:rgba(123,123,123,);
			   font-size:1em;
			   line-height:1.8em;
			   letter-spacing:0.07em;
			   font-variant:all-small-caps;
			   letter-spacing:0.08em;
			   padding-top:2%;
			   padding-bottom:1%;
		  }
		  
	  .subtitle_bibliografia{ 
		       font-weight:normal;
			   color:rgba(123,123,123,);
			   font-size:0.9em;
			   letter-spacing:0.07em;
			   
			   padding-bottom:1%;
			   text-align:left;
			   margin-bottom:5%;
			   color:#7a7a7a;
		  }
		  
	 .paragraph{font-size:18.3px;
		       line-height:1.6em;
		       text-align:left;
			   margin-bottom:5%;}
			   
	.bibliography{font-size:18px;
		       line-height:1.6em;
		       text-align:left;
			   margin-bottom:5%;
			   font-family:serif;
			   letter-spacing:0.03em;}
			   
			   
			   
			   }
			   }
	@media all and (max-width: 1024px){
    .paragraph{font-size:18px;
		       line-height:1.6em;
		       text-align:left;}}
	
	
	.articles{ border:solid 0.5px #eee;
	           width:84%;
			   margin:0 auto;
		       margin-top:7%;}
								
	@media all and (max-width: 1024px){
	h2{font-size:20px}}
	h3{font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New 
	Roman", serif;
	color:rgba(255,255,255,1.00);
	font-size:38px;
	line-height:1.2em;
	text-align:left}

    
	
	@media all and (min-width: 600px) and (max-width: 1024px){
	h1{font-size:50px;line-height:1em}}
		        
	@media all and (max-width: 599px){h1{font-size:35px;line-height:1em}}
	@media all and (min-width: 1025px){
			
	h4{font-size:13px;
	font-weight:500;
	margin-bottom:12px;
	margin-top:8px;}
		
	p{text-align:left;}
	
	.minimo{margin-top:-5px;}
	
	

	
	.photo-overlay{width:100%;
	               background-color:#fff;
				   height:calc(100vh - 30px);
				   display:none;
				   position:fixed;
				   top:30px;
				   left:0;
				   z-index:9999}
		
	 .photo-slideshow-container{bottom:18%;
	                            margin:0 auto;
								width:75%;
								left:0;
								right:0;
								display:none;
								position:absolute}
								
		
	.slideshow-caption{left:70px;
	                   bottom:50px;
					   width:80%;
					   position:absolute;
					   display:none;
					   font-size:15px;
					   font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue",
					   "Helvetica,Arial,sans-serif";
					   color:#999;
					   line-height:22px;
					   text-align:left}
		
	 .slideshow-count{bottom:20px;
	                  height:20px;
					  position:absolute;
					  left:calc(100% - 90px);
					  font-size:12px;
					  font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue",
					  "Helvetica,Arial,sans-serif";
					  color:#666}
		
		.slideshow-left{left:calc(100% - 120px);
		                 height:30px;
						 width:30px;
						 bottom:50px;
						 position:absolute;
						 cursor:default;
						 background-image:url(./../sprite.png);
						 background-position:-711px -994px;
						 width:30px;
						 height:30px}
								   
		.slideshow-right{left:calc(100% - 60px);
		                 height:30px;
						 width:30px;
						 bottom:50px;
						 position:absolute;
						 background-image:url(./../sprite.png);
						 background-position:-742px -994px;
						 width:30px;
						 height:30px}
								   
		.photo-close{position:absolute;
		             left:calc(100% - 70px);
					 top:20px;
					 cursor:pointer;
					 height:30px;
					 width:30px;
					 background-image:url(./../sprite.png);
					 background-position:-1353px -932px;
					 width:30px;
					 height:30px}
					 
		.photo-close:hover{opacity:.5}
		

    	
		
		.photo-caption{font-size:15px;
	                    font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue",
				        "Helvetica,Arial,sans-serif";
					    color:#999;
					    line-height:22px;
					    background-color:#fff;
					    margin-left:0px;
					    margin-top:10px;
					    margin-right:10px;
					    margin-bottom:20px}
					
	   

    @media only screen and (min-width: 1025px){
	.photo-pull,.photo-pull-right>img{width:500px}}

    .photo-pull-right{
	 background-color:transparent;
	 max-width:410px;
	 float:right;
	 margin:5px;
	 margin-bottom:0;
	 margin-right:-22%;
	 position:relative;
	 right:0}
	  
     @media all and (max-width: 1024px){
	 .photo-pull-right{float:none;
		               max-width:100%;
					   width:100%;
					   margin:0;
					   margin-bottom:20px}}
							
    @media all and (min-width: 1025px){
	.photo-pull-right{margin-left:-45px !important}}
		
								   

     .full-photo{max-width:100%;height:auto}
	 
		      .photo-3-2-margin-bottom{margin-bottom:1%}
			  
			  @media all and (max-width: 1024px){
				  
				  .photo-3-2-margin-bottom{margin-bottom:10px}}
				}
				  
				 
			
						
		
		@media screen and (max-width: 1024px) {
       .splash-height-offset {
        position:relative;
        width: 100%;
        overflow:hidden;
        background-color:rgba(255,70,54,1.00);
        background-position:50% 0%;
        background-size:cover;
        height:auto;
        background-repeat:no-repeat;
        background-image:fotografia/berlin/play.jpg;}
       
	   .splash {
        display:none;}}
  
        .frame {
         width: 100%;
         position: relative;
		 
	     background-color:rgba(255,70,54,1.00);}
    
	     .byline {
          display: block;
          margin-bottom: 15px;}
    
	      .chapter-byline.mobile {
          color: #fff;
          position: relative;
          max-width: 600px;
          text-align: left;}
  
         .opening-photo {display:none;
                         background-color:rgba(255,70,54,1.00);}
 
          .scroll-down {
           position: absolute;
           width:60px;
           height:30px;
           bottom: 0;
           right:1%;
           margin-left:-40px;
           background:url(../fotografia/scroll-down.png) 0 0 no-repeat;
           background-color:rgba(255,70,54,1.00);
           background-position: 50% 50%;
           cursor:pointer;
           cursor:hand;
           z-index:100;}				  
		
		
	
	        .splash{height:100vh;
					background-color:rgba(206,219,244,1.00);
					position:fixed;
					top:0;
					right:0;
					bottom:0;
					left:0;
					overflow:hidden;
					z-index:1}
									  
			@media all and (max-width: 1024px){
		  
		  .splash{background-color:transparent}}
		 
		  
		  .splash-height-offset{height:100vh;
		                        z-index:10;
								overflow-x:hidden;
								position:relative;
								-webkit-transform:translate3d(0, 0, 0);
								transform:translate3d(0, 0, 0)}
									
		  
		    .full-tryptych{margin-left:0 auto;}
			
		
		
		  .splash{height:calc(100vh);}
		  
		
    .photo-caption{font-size:12px;font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue","Helvetica,Arial,sans-serif";
			       color:#1A1A1A;
			       text-align:left;
				   line-height:1.7em;
				   background-color:#fff;
				   margin-left:0px;
				   margin-top:15px;
				   margin-right:10px;
				   margin-bottom:20px}
							 
    .photo-caption-right{margin:0 auto;
			             margin-top:2px;
						 margin-bottom:20px;
						 margin-right:-22%}
			  
	@media (max-width:1024px){
	.photo-caption{font-size:12px;
	               font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue", "Helvetica,Arial,sans-serif";
			       color:rgba(255,70,54,1.00);
			       text-align:left;
				   line-height:1.7em;
				   background-color:#fff;
				   margin-left:0px;
				   margin-top:15px;
				   margin-right:10px;
				   margin-bottom:20px}
					   
    .photo-caption-right{margin:0 auto;
			             margin-top:2px;
						 margin-bottom:20px;
						 margin-right:-22%}}
			
			
	 @media all and (max-width: 1024px){
	.photo-caption-right{margin-right:0px}}
				
		      
	           .lazyloaded{opacity:1;
			               -webkit-transition:opacity 220ms;
						   transition:opacity 220ms}
	
	     main.frame{width:100%;
		            text-align:center;
					z-index:1000;
					background-color:#fff;
					min-height:calc(100vh - 175px)}
					
					main.frame_contacto{width:100%;
		            
					
					z-index:1000;
					background-color:#fff;
					min-height:calc(100vh - 175px)}}
					
		
			
	   	
					
		@media all and (max-width: 599px){main.frame{overflow:hidden}}
		 
		  main .opener{padding-top:8.5% !important;
		               margin-top:0px !important;
					   padding-bottom:0px !important;
					   margin-bottom:0px !important}
		  
		 @media all and (max-width: 1024px){ main .opener{padding-top:25px}}
			 
    main .float-block{position:absolute;
			          left:calc(53% + 380px);
					  top:68%;
					  width:149px;
					  border-top: 0.7px solid rgba(185,185,185,1.00);}
    
	main .float-block p{font-size:11px;
				        color:#333;
						font-family:"fira-sans",sans-serif;
						line-height:1.4em;
						text-align:left}
									
	
	
	@media all and (max-width: 1024px){
	main .float-block{display:none}}
	@media all and (min-width: 1025px){
	main .float-block{display:block}}
			
				
									
			main .float-block a{text-decoration:none; color:#1A1A1A}
			
			
    main .text-block{padding-left:0px;
			         padding-right:0px;
				     padding-top:10px;
			         padding-bottom:25px;
			         display:inline-block;
				      z-index:100;
				      max-width:700px;
				      width:90%;
				      margin-left:0 auto;}
				
	@media all and (max-width: 1024px){
	main .text-block{max-width:700px;	
				     display:inline-block;}}
					
	@media all and (min-width: 1842px){
						
	 main .text-block_contact{width:calc(100% - 20px)}}
	 
	   main .text-block_contact{
			         display:inline-block;
				     
				      width:90%;
				      margin-left:0 auto;}
				
	@media all and (max-width: 1024px){
	main .text-block_contact{max-width:700px;	
				     display:inline-block;}}
					
	@media all and (min-width: 1842px){
						
	 main .text-block{width:calc(100% - 20px)}}
										
     .chapter-byline{font-family
		       
					    color:#fff;
									letter-spacing:0.01em;
									font-size:13px;
									line-height:1.4em;
									letter-spacing:0.1em;
									text-transform:uppercase}
									
					  @media all and (max-width: 1024px){
						  .chapter-byline{font-size:12px}}
					      .chapter-byline.mobile{color:#fff;
						  position:relative;
						  max-width:600px;
						  text-align:left;font-size:15px}
						  
						  .byline{display:block;
						          margin-bottom:15px}
								  
					
									
					.chapter-byline{font-family:"NeueHaasGroteskTextPro-75Bold","Helvetica Neue",
					"Helvetica,Arial,sans-serif";
					color:#fff;
					letter-spacing:0.01em;
					font-size:13px;
					line-height:1.4em;
					letter-spacing:0.1em;
					text-transform:uppercase}
					
					.chapter-byline.mobile{color:#fff;
					margin-top:40px;
					position:relative;
					max-width:600px;
					text-align:left;
					font-size:14.3px}
										   
				    .byline{display:block;
					        color:rgba(255,255,255,1.00);
							text-align:left;
							margin-left:60px;
							margin-top:5px; }
							
				
		<!--FOOTER-->
		
		   footer{display:block}
	   html{
	       -ms-text-size-adjust:100%;-
		   webkit-text-size-adjust:100%}
	   body{margin:0}
	   a{background:0 0}
	   a:focus{outline:thin dotted}
	   a:active,a:hover{outline:0}

       {overflow:hidden}
	   
	   figure{margin:0 auto;}

       .people-grid .person .thumb-wrap,.screen-reader-text,.sr-only{
	   position:absolute;
	   width:1px;
	   height:1px;
	   padding:0;
	   margin:-1px;
	   overflow:hidden;
	   clip:rect(0,0,0,0);
	   border:0}

      .site-grid{
      width:100%;
	  -webkit-box-pack:end;
	  -webkit-justify-content:flex-end;
	  -ms-flex-pack:end;
	  justify-content:flex-end}
	 
      .main-column-left{position:relative}
	  @media screen and (min-width:768px){
	  .main-column-left{float:left;width:11.6666666667%}}
	  .main-column-right{max-width:1400px;position:relative}
	  @media screen and (min-width:768px){
	  .main-column-right{float:left;width:83.3333333333%}}
	
	  active-person-container .person-data,.grid{display:block}
	 @media screen and (min-width:768px){
	.active-person-container .person-data,.grid{
     
	 }}
	 
     @media screen and (min-width:768px){
	  .flex-item{-webkit-flex-basis:auto;
	  -ms-flex-preferred-size:auto;
	  flex-basis:auto}}
	  
     .one-half{-webkit-flex-basis:50%;
             -ms-flex-preferred-size:50%;
			 flex-basis:50%;max-width:50%}
			 
    
						   
        html{-webkit-box-sizing:border-box;
		box-sizing:border-box}
		
		!body{color:#1e1e1e;
		font-size:16px;
		overflow-x:hidden;
		/*!  font-family:Karla,Helvetica,sans-serif;*/
		background:#fff}
		
   
		
	p em{font-style:italic}
    a{color:inherit}
		
    .site-footer{color:#fff;
		         position:relative;
			     background:#17171c;
			     padding:30px 30px 60px;
			     -webkit-font-smoothing:antialiased;
				 border-top: 4px solid #cfcfcf;
				 }
				 
     
					  
		.site-footer .main-gutter{
	     margin-bottom:20px}
		
		.active-person-container .site-footer .main-column-right .person-data,.site-footer .main-column-right 
		.active-person-container .person-data,.site-footer .main-column-right .grid{}.site-footer .main-column-right 
		
		.content-left>div,.site-footer .main-column-right .content-right>div{margin-bottom:20px}
		  
         .site-footer .content-right{
		  padding-right:;
		  -webkit-box-pack:justify;
		  -webkit-justify-content:space-between;
		  -ms-flex-pack:justify;
		  justify-content:space-between}
		  
		  .site-footer .footer-logo .icon{
		   width:59px;
		   height:100px;
		   background-image:url(../branding/ch5.svg);
		   fill:#fff;
		   -webkit-transition:fill .2s ease-out;
		   -o-transition:fill .2s ease-out;
		   transition:fill .2s ease-out}
		   
		   .site-footer .footer-logo:focus .icon,.site-footer .footer-logo:hover .icon{fill:#ffc732}
		   .site-footer h3{
			margin-top:0;
			font-size:15px;
			font-weight:700;
			font-family:"fira-sans",sans-serif;
			text-transform:none;
			line-height:1.636363636em;
			color:#FF4636;
			font-variant:all-small-caps;
			margin-bottom:1%;
			letter-spacing:0.03m;}
			
			.site-footer p{margin:0}


             .site-footer a,.site-footer address,.site-footer p{
			 font-size:13px;
			 font-weight:600;
			 font-family:Karla,Helvetica,sans-serif;
			 line-height:1.636363636em;
			 text-align:left;
			 color:#ffffff;
			 margin-top:5%;
			 -webkit-font-smoothing:antialiased;}
			 
			 .site-footer .social ul{margin:0;padding:0}
			 .site-footer .social ul:after,.site-footer .social ul:before{
			 content:"\0020";
			 display:block;
			 height:0;
			 overflow:hidden}
			 
			 .site-footer .social ul:after{clear:both}.site-footer .social li{float:left;list-style:none}
			 .site-footer .social li+li{margin-left:10px}
		     .site-footer .social a{width:30px;
			                        height:30px;
									display:-webkit-box;
									display:-webkit-flex;
									display:-ms-flexbox;
									display:flex;
									background:0 0;
									border-radius:100%;
									
									background-color:rgba(255,70,54,1.00);
	 								text-decoration:none;
									-webkit-transition:border-color .2s ease-out,background .2s ease-out; 
									-o-transition:border-color .2s ease-out,background .2s ease-out;
									transition:border-color .2s ease-out,background .2s ease-out}
									
	   .site-footer .social a:focus,.site-footer .social a:hover{
		background:rgba(255,0,4,1.00);border-color:rgba(255,0,4,1.00)}

       
	   
      
		 
		 @media screen and (max-width:768px){.site-footer .social{}}

      .site-footer .visit{
	   font-size:11px;
	   text-align:left;
	   font-weight:200;
	   font-family:Karla,Helvetica,sans-serif;
	   line-height:1.636363636em}
	   
	   .site-footer .visit address{font-style:normal;
	                               font-size:13px;
								   font-weight:400;
								   margin-top:0%;}
								   
	   .site-footer .visit a{text-decoration:none}
	   .site-footer .visit a:hover{text-decoration:underline}
	  
	   .site-footer .footer-pattern{left:0;bottom:0;width:100%;height:36px;position:absolute}
	   
	    .site-footer{padding:24px 0 32px}
	  
	   @media screen and (min-width:767px){.site-footer{padding:none}}
	  
	  .active-person-container .site-footer .person-data,.site-footer .active-person-container    
	  .person-data,.site-footer    .flex-item,.site-footer .grid{display:-webkit-box;display:-webkit-flex;
	  display:-ms-flexbox;display:flex}
	 
	  @media (max-width: 767px){
	  .flex-item,.site-footer .grid{display:-webkit-box;
	                                display:-webkit-flex;
	                                display:-ms-flexbox;
									display:inline}}
	 
	 
	  .site-footer .main-gutter{margin-bottom:0;
                                text-align:center}
	  
	  
       
	   .site-footer .main-column-right .content-left,.site-footer .main-column-right .content-right{
	   max-width:435px;
	   -webkit-flex-basis:100%;
	   -ms-flex-preferred-size:100%;flex-basis:100%;
	   display:inherit;}
	   
	   @media (max-width: 767px){
	   .site-footer .main-column-right .content-left,.site-footer .main-column-right .content-right{
	   padding:0;
	   display:inline-block;
	   max-width:435px;
	   -webkit-flex-basis:100%;
	   -ms-flex-preferred-size:100%;flex-basis:100%}
	   
	  .site-footer .main-column-right .content-left>div,.site-footer .main-column-right .content-right>div{
		  margin-bottom:36px}
		  
	 
	 
	  .grid{-webkit-box-align:end;
	        margin-top:0.6%;}
														}
														
      .site-footer .main-column-right .content-left,.site-footer .main-column-right .content-right{
	   max-width:530px;
	   -webkit-flex-basis:50%;
	   -ms-flex-preferred-size:50%;
	   flex-basis:50%}
	   
	   .site-footer .main-column-right .content-left>div,.site-footer .main-column-right .content-right>div{   
	   margin-bottom:0;
	   max-width:420px;}