/* Global Syles */
		
		/* Fonts */
		/* @import url(http://fonts.googleapis.com/css?family=Lato:400,700,900); */
		/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,900,700,500); */
		
		/* Colors */
		/* :root { --bckg-color: brown; } */

		/* Scrollbar */
		::-webkit-scrollbar {
			width: 14px;
			color: #948f8f;
		}
		/*::-webkit-scrollbar:window-inactive {
		    width: 0px;
		}*/
		/* Track */
		::-webkit-scrollbar-track {
		    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		    -webkit-border-radius: 10px;
		    border-radius: 10px;*/
		    background: #f0f0f0; 
		}
		/*::-webkit-scrollbar-track:window-inactive {
		    background: #f0f0f0; 
		}*/
		/* Handle */
		::-webkit-scrollbar-thumb {
		    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
		    border-radius: 10px;
		    -webkit-border-radius: 10px;
		    background: #948f8f44; 
		}
		/*::-webkit-scrollbar-thumb:window-inactive {
			background: #f0f0f0; 
		}*/

		/* Forms and selection */
		input:focus,
		select:focus,
		textarea:focus,
		button:focus {
		    outline: none;
		}

		/* ... */
		.galleries{
			/*color:cornflowerblue;*/
			color:#948f8f;
			/* #948f8f */
		}
		.year_indent{
			margin-left: 68px;
		}
		.show_indent{
			margin-left: 88px;
		}

		/* ... */
		section {
			position: relative;
			z-index: 1; /* needed for setting pseudo-element z-index */
			backface-visibility: hidden;
		}

		section .galleries {
			outline: none;
			color: cornflowerblue;
			text-decoration: none;
			/* white-space: nowrap; */
			position: relative;
			display: inline-block;
			vertical-align: bottom;
		}

		section .headerz {
			font-size: 22px;
			font-weight:400;
			outline: none;
			color: cornflowerblue;
			text-decoration: none;
			/* white-space: nowrap; */
			position: relative;
			display: inline-block;
			vertical-align: bottom;
			letter-spacing: -2px;
		}

		section .gallery {
			font-weight:300;
			font-size:16px;
			color:grey;
		}

		section .galleries::before,
		section .galleries::after {
			pointer-events: none;
			backface-visibility: hidden;
		}
		.link-flip b {
			/*background: #fff;
			color: #ccc;*/
			font-weight: 500;
			padding: 12px;
		}
		.link-flip span {
			padding: 8px;
		}
		.link-flip .year {
			background: #fff;
			/*color: #ccc;*/
			padding: 12px;
		}
		.link-flip .galleries {
			font-weight: 300;
			perspective: 600px;
			perspective-origin: 50% 100%;
			transition: color 0.3s;
		}

		.link-flip .galleries:hover,
		.link-flip .galleries:focus {
			color: cornflowerblue;
		}

		.link-flip .galleries::before,
		.link-flip .galleries::after {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: -4px;
			z-index: -1;
			box-sizing: content-box;
			padding: 0 4px;
			content: '';
		}

		.link-flip .galleries::before {
			background-color: #fff;
			transition: transform 0.2s;
			transition-timing-function: cubic-bezier(0.7,0,0.3,1);
			transform: rotateX(90deg);
			transform-origin: 50% 100%;
		}

		.link-flip .galleries:hover::before,
		.link-flip .galleries:focus::before {
			transform: rotateX(0deg);
		}
		/* .link-flip a::after {
			border-bottom: 2px solid #fff;
		} */



		/* ------------------- */
		.luciopozzi_fixed_00 {
			position: absolute;
			top: 0px;
			left: 0px;
			margin: 0;
			background-color: #f0f0f0;
			width: calc(100% - 16px); /* ie. full width minus the scrollbar */
			height: 60px;
		}
		.luciopozzi_banner_holder_home {
		    margin: auto;
			padding-top: 80px;
			padding-bottom: 50px;
			max-width: 1280px; 		/* account the scrollbar ! */
		}
		.luciopozzi_banner_holder {
		    margin: auto;
			padding-top: 80px;
			padding-bottom: 50px;
			max-width: 1440px; 		/* account the scrollbar ! */
		}
		.luciopozzi_banner_holder_bio {
		    margin: 0;
			padding-top: 80px;
			padding-bottom: 50px;
			max-width: 1458px;
		}
		.luciopozzi_banner_home {
			position: absolute;
			top: 0px;
			color: #1d1e22;
			background-color: #f0f0f0;
			height: 58px;
			/* padding-left: 10%; */
			letter-spacing: -2px;
			align-items: flex-end;
			display: flex;
			z-index: 998;
			font-size: 16px;
			font-weight: 400;
			/* font-family: Avenir Next;	 */
		}
		.luciopozzi_banner {
			position: absolute;
			top: 0px;
			color: #1d1e22;
			background-color: #f0f0f0;
			height: 59px;
			padding-left: 10%;
			letter-spacing: -2px;
			align-items: flex-end;
			display: flex;
			z-index: 998;
			font-size: 16px;
			font-weight: 400;
			/* font-family: Avenir Next;	 */
			width: 100%;
		}
		.luciopozzi_logo {
			/* font-family: Avenir Next;
			font-size: 48px;
			font-weight: bold;
			color: #595a5f;
			letter-spacing: -6px; */

			font-family: Raleway;
			font-size: 76px;
			font-weight: bold;
			color: #948f8f;
			letter-spacing: -7px;
		}
		.luciopozzi_logo_sub {
			/* color: lightcoral; */
			color: deepskyblue;
			font-family: "Open Sans";
			font-size: 11px;
			font-weight: 400;
			text-transform: uppercase;
			text-align: left;
			width: 350px;
			margin-top: -22px;
		}
		.cwrapper_homepage {
			display: grid;
			margin: auto;

			padding-right: 10%;
			padding-left: 10%;
			/* padding-top: 20px; */
			padding-bottom: 50px;

			/* max-width: 1280px; */
			min-width: 980px;

			color: #333333;
			font-family: Raleway;
			font-size: 20px;
			font-weight: 100;
		}
		.cwrapper_textwork {
			width: 90%;
			padding-bottom: 60px;
		}
		.cwrapper_artwork {
			display: grid;
			margin: auto;
			padding-right: 10%;
			padding-left: 10%;
			padding-top: 20px;
			padding-bottom: 50px;
			max-width: 1440px;
			min-width: 980px;

			color: #181818;
			font-family: Raleway;
			font-size: 20px;
			font-weight: 300;

			-webkit-font-smoothing: antialiased;/* looks like it has effect only on safari.. making it the same as default chrome */
		}
		.artwork_line_wrapper {
			margin-left: auto; /* to horizontally center */
			margin-right: auto;
			display: flex;
			justify-content: space-between;
		}
		.artwork_header_text {
			font-weight: bold;
			color: #333333;
			font-family: serif;
			font-size: 52px;
			letter-spacing: -5px;
			line-height: 32px;
		}
		.artwork_line_separator {
			height: 50px;
		}
		.artwork_text_wrapper {
			width: 50%;
			float: left;
			padding-top: 60px;
			padding-right: 10%;
		}
		.artwork_text_wrapper_right {
			width: 50%;
			float: right;
			padding-right: 0%;
			padding-left: 5%;
			text-align: end;
		}
		.artwork_img_wrapper {
			/*width: 50%; if we use width.. float below won't work
			height: 450px;*/
			float: right;
		}
		.artwork_img_wrapper_left {
			float: left;
			width: 50%;
		}
		.art_img_full {
			max-width: 100%;
		}
		.art_img_full_shad {
			max-width: 100%;    
			height: 86vh;
			object-fit: cover;
			/* box-shadow: 2px 2px 12px -2px rgba(0, 0, 0, 0.15); 
				img001.style.objectFit = 'scaled-down'; 		// do not scale the image and ...
				img001.style.float = 'left';
				img001.style.height = imagesize;*/
		}
		.art_img_full_shad_h {
			max-width: 100%;    
			height: 80vh;
			object-fit: cover;
			/* box-shadow: 2px 2px 12px -2px rgba(0, 0, 0, 0.15); 
				img001.style.objectFit = 'scaled-down'; 		// do not scale the image and ...
				img001.style.float = 'left';
				img001.style.height = imagesize;*/
		}
		.art_img_medium {
			width: 600px;
			max-width: 100%;
		}




		/*---------- Media Screen ----------*/

		@media screen and (min-width: 1910px) {
			/* make it a bit larger for big screens */
			.cwrapper_artwork {
				max-width: 1600px;
			}
			.luciopozzi_banner_holder {
				max-width: 1600px;
			}
		}
		@media screen and (min-width: 2530px) {
			.cwrapper_artwork {
				max-width: 1720px;
			}
			.luciopozzi_banner_holder {
				max-width: 1720px;
			}
		}

		@media screen and (max-width: 1050px) {
			/* up text paragraph a bit to not
			have it fall down the image bottom */
			.artwork_text_wrapper {
				padding-top: 20px;
			}
		}

		@media screen and (max-width: 980px) {
			.cwrapper_homepage {
				display: block;
	
				padding-right: 10%;
				padding-left: 10%;
				padding-top: 20px;
				padding-bottom: 50px;

				min-width: 380px;
			}
			.cwrapper_artwork {
				display: block;
			
				padding-right: 10%;
				padding-left: 10%;
				padding-bottom: 50px;

				min-width: 380px;
			}
			.artwork_line_wrapper {
				display: block;
			}
			.artwork_line_separator {
				height: 10px;
			}
			.artwork_text_wrapper {
				width: unset;
				float: left;
				padding-top: unset;
				padding-right: 1%;
			}
			.artwork_text_wrapper_right {
				width: unset;
				float: unset;
				padding-right: 0%;
				padding-left: 0%;
				text-align: start;
			}
			.artwork_img_wrapper {
				/*width: 50%; if we use width.. float below won't work*/
				height: unset;
				float: none;
			}
			.artwork_img_wrapper_left {
				/*width: 50%; if we use width.. float below won't work
				height: 450px;*/
				float: left;
				width: unset;
			}
			.art_img_medium {
				width: unset;
				max-width: 100%;
			}
			.artwork_header_text {
				font-size: 48px;
				letter-spacing: -4px;
				line-height: 32px;
			}
		}
		@media screen and (max-width: 40em) {
			.cwrapper_homepage {
				display: block;
	
				padding-right: 6%;
				padding-left: 6%;
				padding-top: 20px;
				padding-bottom: 50px;

				min-width: 380px;
			}
			.luciopozzi_banner {
				height: 45px;
				padding-left: 6%;
			}
			.cwrapper_artwork {
				display: block;
			
				padding-right: 6%;
				padding-left: 6%;
				padding-bottom: 50px;

				min-width: 380px;
			}
			::-webkit-scrollbar {
				/* z-index: 9999; */
				display: none;
			}
			.luciopozzi_fixed_00 {
				width: 100%; 
			}
		}
		@media screen and (max-width: 480px) {
			.luciopozzi_banner_home {
				height: 40px;	
			}
			.cwrapper_artwork {
				display: block;
			
				padding-right: 2%;
				padding-left: 2%;
				padding-bottom: 50px;

				min-width: 375px;
			}
			.artwork_header_text {
				font-size: 52px;
				letter-spacing: -4px;
				line-height: 32px;
			}
			.luciopozzi_banner {
				height: 42px;
				padding-left: 2%;
			}
			::-webkit-scrollbar {
				/* z-index: 9999; */
				display: none;
			}
			.luciopozzi_fixed_00 {
				width: 100%; 
			}
		}