* {
	padding:0;
	margin:0;
}
*, *:before, *:after {
  box-sizing: border-box;
}

body
{
background: #F0F0F0; 
}
a:link {
    color:#000000;
    background-color:transparent;
    text-decoration:none;
}
a:visited {
    color:#000000;
    background-color:transparent;
    text-decoration:none;
}
a:hover {
    color:#526666;
    background-color:transparent;
    text-decoration:none;
}
a:active {
    color:#526666;
    background-color:transparent;
}
#header {
	width: 100%;
    font-size: x-large;
    background-color: #F0F0F0;
    color:black;
    text-align:left;
    padding-left: 2%;
	padding-top: 50px;
	padding-bottom: 50px;
	height: 135px;
	font-family: Verdana, Geneva, sans-serif;
}
#footer {
    width: 100%;
    float: left;
    padding-left: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
}
#title {
    float: left;
}
#nav {
    width: 50%;
    font-size: small;
    background-color: #F0F0F0;
    float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	padding-left: 10%;
}
#nav  a{
   display: block;
   float: left;
   width: 25%;
   padding: 10px;
   text-transform: lowercase;
}
#HomePic {
    float: center;
    padding: 10px;
	position: relative;
    left: 100px;
	width: 80%
}
#contactPara{
    font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	padding: 50px;
	margin: 0% 10% 0% 19%
}
#AboutPara {
    float:left;
	position: relative;
	font-size:small;
	font-family: Verdana, Geneva, sans-serif;
	width: 25%;
	margin:  0% 0% 1% 7%;
	}
#PicPara {
	clear:both;
	text-align:center;
    padding:10px;
	position: relative;
    left: 100px;
	font-size:small;
	font-family: Verdana, Geneva, sans-serif;
	}
#PrintsPara{
	float:left;
	position: relative;
	font-size:small;
	font-family: Verdana, Geneva, sans-serif;
	width: 100%;
	margin:  0% 0% 0% 0%;
	padding: 0% 0% 0% 2%;
	}
#Picture{
    float:left
}
#Content{
    float:left
}


.name {
    float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
.sale {
    float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.content  {
 width: 80%;
 height: 100%;
 margin: 0% 0% 0% 13%
}
.portrait{
    float: left;
	width: 30%;
	margin:  0% 0% 1% 10%;
}
.portrait img {
max-width: 100%;
}
.picture{
    font-size:small;
    font: Verdana, Geneva, sans-serif;
    float: left;
	height: 100%;
	width: 30%;
	margin:  0% 0% 2% 10%;
}
.picture img {
max-width: 100%;
}
.picturel{
    font-size:small;
    font: Verdana, Geneva, sans-serif;
    float: left;
	width: 93%;
	margin:  2% 0% 2% 0%; 
}
.picturel img {
max-width: 100%;
}
.pictureh{
    float: left;
	width: 80%;
	margin:  0% 0% 2% 10%; 
}
.pictureh img {
max-width: 100%;
}
.container {
    width: 100%;
    /* margin: 0% 10% 0% 5%; */
    /* overflow; hidden */
}
.galleryItem {
    font: 11px/1.5 Verdana, Geneva, sans-serif;
    float: left;
	width: 16%;
	height: 290px;
    margin:  4% 2% 2% 2%; 
}
  
.galleryItem h3 {
    text-transform: uppercase;
}
 
.galleryItem img {
    max-width: 100%;
}

.galleryItem2 h3 {
    text-transform: uppercase;
}
.galleryItem2 img {
    max-width: 100%;
}
.galleryItem2 {
    font: 11px/1.5 Verdana, Geneva, sans-serif;
    float: left;
	width: 20%;
	height: 290px;
    margin:  4% 2% 2% 2%; 
}

/* MEDIA QUERIES*/

@media only screen and (max-width : 1850px),
only screen and (max-device-width : 1850px){
	#PrintsPara{margin:  10% 0% 0% 0;}
	.galleryItem {width: 12%;}.
	.galleryItem2 {width: 12%;}
	.galleryItem {height: 350px;}
	.galleryItem2 {height: 350px;}
}

@media only screen and (max-width : 1528px),
only screen and (max-device-width : 1528px){
    .galleryItem {width: 12%;}.
	.galleryItem2 {width: 12%;}
	.galleryItem {height: 300px;}
	.galleryItem2 {height: 300px;}
	.picture{margin: 0% 0% 0% 20%}
	.picturel {width: 80%;}
	.content {margin: 0% 0% 0% 0%;}
	.picturel{margin:  2% 0% 2% 10%;}
	/* .container {margin: 0% 5% 2% 2%;} */
	#PrintsPara{margin:  10% 0% 0% 0;}
}

@media only screen and (max-width : 1366px),
only screen and (max-device-width : 1366px){
    .galleryItem {width: 12%;}.
	.galleryItem2 {width: 12%;}
	.galleryItem {height: 250px;}
	.galleryItem2 {height: 250px;}
	.picture{margin: 0% 0% 0% 20%}
	.picturel {width: 80%;}
	.content {margin: 0% 0% 0% 0%;}
	.picturel{margin:  2% 0% 2% 10%;}
	/* .container {margin: 0% 5% 2% 2%;} */
	#PrintsPara{margin:  10% 0% 0% 0;}
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
    .galleryItem {width: 20%;}.
	.galleryItem2 {width: 20%;}
	.galleryItem {height: 300px;}
	.galleryItem2 {height: 160px;}
	.picture {width: 100%;}
	.picturel {width: 100%;}
	.content {margin: 0% 0% 0% 0%;}
	.picturel{margin:  2% 0% 2% 10%;}
	/* .container {margin: 0% 5% 2% 2%;} */
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
    .galleryItem {width: 29.33333%;}
	.galleryItem2 {width: 29.33333%;}
	.galleryItem {height: 360px;}
	.galleryItem2 {height: 180px;}
	.content {margin: 0% 0% 0% 0%;}
	/* .container {margin: 0% 5% 2% 2%;} */
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
    .galleryItem {width: 46%;}
	.galleryItem2 {width: 46%;}
	.galleryItem {height: 380px;}
	.galleryItem2 {height: 200px;}
	/* .container {margin: 0% 2% 2% 2%;} */
    .portrait{width: 76%;}
	.portrait{margin:  0% 2% 0% 2%;}
	.picture {margin:  0% 0% 0% 10%;}
	.picturel{margin:  0% 0% 0% 10%;}
	#AboutPara{width: 66%;}
	#AboutPara{margin:  2% 1% 60px 4%;}
	#header{padding-top: 20px;}
	#header{padding-bottom: 20px;}
	#header{height: 100px;}
    #nav{width: 70%;}
	#nav{padding-left: 0%;}
	#nav a {padding: 0px;}
	#nav a {margin: 5% 0% 0% 0%}
	#title{width: 100%;}
	#contactPara{margin: 0% 0% 0% 3%;}
	#contactPara{padding: 50px;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
    .galleryItem h3 {font-size: 18px;}
    .galleryItem p, {font-size: 18px;}
    .galleryItem2 h3 {font-size: 18px;}
    .galleryItem2 p, {font-size: 18px;}
	.galleryItem {height: 260px;}
	.galleryItem2 {height: 190px;}
	/* .container {margin: 0% 2% 2% 2%;} */ 
	.content{width: 95%;}
    .picture {width: 96%;}
	.picturel{width: 96%;}
	.portrait{width: 86%;}
	.portrait{margin:  0% 2% 0% 2%;}
	.portrait{float: center;}
	#AboutPara{width: 76%;}
	#AboutPara{float: center;}
	#header{height: 100px;}
    #nav{width: 70%;}
	#nav a {margin: 8% 0% 0% 0%}
	#contactPara{margin: 10% 0% 0% 3%;}
	#contactPara{padding: 20px;}