@charset "utf-8";
body {
    font-family: Lora, Georgia, serif;
	font-size: 30px;
	color:#666;
}
h1,h2,h3,h4,h5{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 50px;
	text-transform:uppercase;
	color:#666;
}
.row {
    max-width: inherit;
}
.col-1, .col-3{
	padding-top: 30px;
}
.artist{
	font-size:25px;
}
.artist span{
	text-transform:none;
	display:block;
	color:#f3a480;
	font-size:22px;
}
.side-nav{
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	font-style:normal;
}
.side-nav li a:not(.button) {
	display: inline;
	font-size:18px;
	padding-left:0;
	padding-right:0;
}
.side-nav li a:hover:not(.button), .side-nav li a:focus:not(.button){
	background:none;
	color:#008CBA;
}
.fancybox{
	border: 1px solid #b0b1b2;
	display: block;
	margin: 10px 0;
	position:relative;
	overflow: hidden;	
	padding:10px;
}
.fancybox img{    
    /*width: 100%;
	margin:10px 0;*/
	height: 250px;
}
.text-center{
	text-align:center;
	float:left !important;
}
ul.side-nav li.current a{
  color: #f3a480;
}
p {
    font-size: 1.5rem;
	}
.painting-pics img{
	padding-top:15px;
}
.sold {
	display: block;
	position: absolute !important;
	top: -12px;
	right: -37px;
	width: 98px;
	height: 50px;
	padding-top: 7px;
	line-height: 50px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	font-size: 15px;
	text-transform: uppercase;
	color: white;
	background-color: red;
}
.side-heading{
	padding-top:30px;
}
/* Small screens*/
@media only screen and (max-width: 30em){
	.side-nav{
		margin-left:10px;
	}
	.side-nav li {
		text-align:left;
		margin-right: 11px;
		padding-right: 12px;
	}
	.side-nav .small-3{
		width:auto;
	}
  p {
    font-size: 1rem;
	}
} 

@media only screen and (max-width: 40em) { 
	.col-1, .col-3 {
		padding-top: 10px;
	}
	.artist{
		text-align:center;
	}
	 /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	.side-nav{
		display: inline-block;
		width: 100%;
	}
	.side-nav li {
		float: left;
		text-align: center;
	}
	.side-nav li:not(:last-child) {
		border-right: 1px solid #eee;
	}
	.painting-pics{
		margin-top:10px;
	}
	.fancybox img{
		/*margin:10px 0;*/
	}
  p {
    font-size: 1rem;
	}
	.side-heading{
		padding-top:0px;
	}	
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 35.5em) and (max-width: 64.063em) { 
	.painting-pics{
		text-align:center;
		margin-top:20px;
	}
	.painting-pics img{
		/*height:300px;*/
		margin:0 auto;
	}
	.fancybox img{
		height: 175px;
	}
  p {
    font-size: 1rem;
	}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens*/
@media only screen and (min-width: 63.063em) { 
	.fancybox img{
		height: 250px;
	}
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens *//* CSS Document */