@font-face {font-family:'ProximaNovaRegular';src:url('../fonts/ProximaNova-Reg-webfont.eot');src:url('../fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Reg-webfont.woff') format('woff'), url('../fonts/ProximaNova-Reg-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Reg-webfont.svg#ProximaNovaRegular') format('svg');font-weight:normal;font-style:normal;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, cite, em, img, small, strong, var, b, i, dl, dt, dd, ol, ul, li, caption, article, aside, canvas, details, figcaption, figure, footer, form, fieldset, legend, header, hgroup, menu, nav, section, summary, mark {background:transparent; border:0; font-weight:normal; margin:0; padding:0; outline:0; vertical-align:baseline;}
	
	body {background:#000000; color:#cccccc; font-family:'ProximaNovaRegular', arial, sans-serif; font-size:14px; line-height:150%; text-align:center; height: 100vh; width: 100vw;}
	img, fieldset {border:0;}
	html>body {font-size:12px;}

h1 {font-size:20px;font-style:normal;font-weight:normal;margin-bottom:12px;text-transform:uppercase;}
h2 {font-size:15px;font-style:normal;font-weight:normal;}
p {clear:both; display:block; font-size:15px; margin-bottom:12px;}
a {color:#cccccc; margin:0; padding:0; font-size:100%; outline:0;}

#wrapper {display:block; margin:0 auto;  z-index:1;}
/* width:800px; */

/* header 
-----------------------------------------------*/

#header {clear:both; display:block; min-height:140px; overflow:hidden; position:relative}

	#logo {clear:both; display:block; overflow:hidden; padding:25px 0;}
	ul#nav {list-style:none;margin:0 auto;text-align:center;overflow:hidden;}
	ul#nav li {list-style:none;display:inline;font-size:1rem;text-transform:uppercase;}
	ul#nav li a {padding:4px 12px;text-decoration:none;display:inline-block;}
	.logo_image{width: 40%;}


/* main
-----------------------------------------------*/

/* #main {clear:both; display:block; min-height:400px; overflow:hidden; padding:60px 0 0 0; position:relative; width:800px} */
#main {clear:both; display:block; overflow:hidden; width: 80%;  margin: 0% auto;  padding-top: 1%;}

	#content {clear:both; display:block; overflow:hidden}

	.home #main {}
	.home #main blockquote {display:block; font-size:18px; font-style:italic; }

	#main p {margin-bottom:18px;}

	.contact #main p {font-size:17px}

	.gallery #content {text-align:left}

	#content #gallery {clear:both; display:block; overflow:hidden; padding:0 0 50px 0}	
	#content #gallery ul {float:left; margin:0 0 0 0px; padding:0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;;
	}
	#content #gallery li {
		float: left;
		margin: 0;
		list-style: none;
		padding: 1px;
		margin-left: 16px;
		margin-bottom: 16px;
		margin: 0% 0% 4% 0%;
	}
	#content #gallery li a {
		color: #cccccc;
		border: 1px solid #000;
		width: 142px;
		height: 142px;
		background: #FFF;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	#content #gallery img {width: auto; max-width: 100%;}

	.gallery #wrapper, .gallery #main, .gallery #footer {position:unset;}

/* social
-----------------------------------------------*/

/* #social {clear:both; display:block; overflow:hidden; padding:20px 0; position:relative} */
#social { padding:10px 0;} 


/* footer
-----------------------------------------------*/

#footer {clear:both; display:block; overflow:hidden; padding:0 0 20px 0; text-transform:uppercase; position:fixed; left:0%; bottom: 0%; width: 100vw ; }

	#footer h6 {font-size:13px}


/* Extra
-----------------------------------------------*/
.home
{
	height: 100vh;
	/* width: 100vw;
	display: flex;
	justify-content: center; */
	background-image:  url(../../common/img/patricia-gucci-pic-v1.jpg) !important;
	background-position: 0% 45%;
	background-repeat: no-repeat;
	background-size: cover;
}




@media (min-width: 240px) and (orientation:portrait) {
	.home
	{
		background-position: 75% 0%;
	}
	.biography #header
	{
		min-height: 15vh !important;
	}	

	

	

	.logo_image { width: 70%; }

	#main
	{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6% 0% 2% 0%; 
	}

	

  }
  
@media (min-width: 140px) and (max-width: 600px) and (orientation:portrait) {
	.biography #footer{position: unset;}
	.Log_1
	{
		width:70%;
		height:auto;
	}

	ul#nav li {
		list-style: none;
		display: inline;
		font-size: 0.95rem;
		text-transform: uppercase;
	}

	ul#nav li a {
		padding: 4px 8px;
		text-decoration: none;
		display: inline-block;
	}
	
  }

  @media (min-width: 140px) and (max-width: 350px) and (orientation:portrait) {

	ul#nav li {
		font-size: 0.9rem;
	}

	ul#nav li a {
		padding: 4px 4px;
	}
	
  }

@media (min-width: 420px) and (max-width: 1024px) and (orientation:landscape){
	.home
	{
		background-position: 50% 30%;
	}	
	 .biography #header
	{
		min-height: 27vh !important;
	}		
	.logo_image {width: 40%;}
	
	
}

@media (min-width: 240px) and (max-width: 900px) and (orientation:landscape) {
	.biography #footer {position: unset;}
	 #main { padding: 6% 0% 2% 0%; }
  }

  @media (min-width: 1024px)  {
	#main
	{
		max-width: 800px;
		width:100%; 

	}
	
	
}
  
#main
{
    display: flex;
	justify-content: center;
    align-items: center; 

}


.st_instagram_large .stButton .stLarge
{
	background-image:  url(../../common/img/instagram.png) !important;
}

.insta_link
{
	height: 32px;
	width: 32px;
	position: absolute;
	z-index: 5;
	margin-right: 3px;
    margin-left: 3px;
    line-height: 16px;
	
}