/*MAIN.CSS*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x: hidden !important;
	background:url(../images/bg.jpg);
}
.contactpage {
	background:url(../images/bgcontact.jpg);
}
.aboutpage {
	background:url(../images/bgabout.jpg);
}

a, a:hover, a:focus{
	text-decoration: none;
}
a:focus { 
    	outline: none; 
}

h1,h2,h3,h4,h5,h6,p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

p{
	color: #555;
	font-family:"pt_sansregular";
	font-size: 14px;
	line-height:21px;
}
@media (min-width: 1024px) and (max-width: 5000px) {
	.container{
		max-width: 990px;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.clear-float {
	clear: both;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.btn-andy-light{
	border:solid 2px #b9b9b9;
	border-radius: 0;
	background: transparent;
	color: #000;
	text-decoration: none;
	padding: 15px 50px;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	font-family:"RalewayBold";
	
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.btn-andy-light:focus {
	color: #000;
}

.btn-andy-light:hover{
	border:solid 2px #000;
	border-radius: 0;
	background: #000;
	color: #fff;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.btn-andy-dark{
	border:solid 2px #b9b9b9;
	border-radius: 0;
	background: transparent;
	color: #fff;
	text-decoration: none;
	padding: 15px 50px;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	font-family:"RalewayBold";
	
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.btn-andy-dark:focus {
	color: #fff;
}

.btn-andy-dark:hover{
	border:solid 2px #000;
	border-radius: 0;
	background: #000;
	color: #fff;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.menu{
	background: rgba(255,255,255,0.3);
	display:block;
	height:100%;
	color:#282727;
	font-family: 'PT Sans', sans-serif;
	position:fixed;
	z-index:10;
}
.menu-home {
	background: rgba(255,255,255,0.4);
}
.menu .clear-float {
	clear: both;
	line-height: 10px;
}
.menu a {
	color:#282727;
	line-height:40px;
}
.name-logo a {
	font-size:50px;
	font-style:italic;
}
.menu h5 {
	font-size:15px;
	font-weight:bold;
}
.navigation {
	margin-top:100px;
}
.navigation ul {
	padding:0px;
}
.navigation ul li {
	list-style:none;
	padding:0px;
	padding:10px 0;
	font-size:22px;
	font-weight:600;
	border-bottom:1px solid #000;
}
.navigation ul li:last-child {
	border:none;
}
.navigation ul li a {
	padding-left:20px;
}
.galleryimage {
	margin: 10px auto 0;
	float: right;
	padding: 0;
}
.galleryimage img {
	width:100%;
}
.galleryimage figure {
	width:100%;
	margin: 10px;
	display: inline-block;
}
.about , .contact {
	margin-top:50px;
}
.contact , .contact p {
	font-size:16px;
	line-height:24px;
}
.about , .about p {
	font-size:18px;
	line-height:25px;
	color:black;
	font-style:italic;
}
.contact { 
	text-align:center;
}
.contact h2 , .contact p {
	font-family: 'PT Sans', sans-serif;
	font-style:italic;
	line-height:40px;
}
.contact p {
	font-size:18px;
	font-weight:bold;
}
.about h1{
	font-family: 'PT Sans', sans-serif;
	font-size:24px;
	padding-bottom:10px;
}
.contact .clear-float {
	padding:20px 0;
}
.signature {padding-left:57%;}
.signature img { border:none !important; }
	
.about .aboutpic {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:2px white solid;
	margin:0 10px 5px 0;
}
.space1 { padding-left:4%;}
.space2 { padding-left:8%;}
.space3 { padding-left:12%;}
.space4 { padding-left:16%;}


<!-- Painting Start -->

	#filters {
		margin:1%;
		padding:0;
		list-style:none;
	}
	
	#filters li {
		float:left;
		margin:0 5px;
		background:rgba(255,255,255,0.3);
		list-style:none;
		font-size:15px;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
	
	#filters li span.active {
		color:#e95a44;
	}
	 
	#portfoliolist .portfolio {
		display:none;
		overflow:hidden;
	}
        #Container .mix{
	    display: none;
	}

	
	



/* #Tablet (Portrait) */
@media only screen and (min-width: 801px) and (max-width: 990px) {
	.galleryimage {
		width: 470px; 
	}
	.galleryimage figure {
		width:180px;
	}
}
@media only screen and (min-width: 650px) and (max-width: 800px) {
	.galleryimage {
		width: 300px; 
	}
	.galleryimage figure {
		width:180px;
	}
}
@media only screen and (min-width: 400px) and (max-width: 649px) {
	.galleryimage {
		width: 250px; 
	}
	.galleryimage figure {
		width:150px;
	}
	#filters {
		float:right;
	}
	#filters li {
		float:none;
	}
}



/* #Clearing */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }


.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
<!--Painting End-->