body {
    background-color: #bde8a3;
}

h1.page-title span, h1.page-title a, h1.portfolio-title span, h1.portfolio-title a {
    background: none repeat scroll 0 0 #bde8a3;
	
}
h2.strikethrough span, h2.strikethrough a {
    background: none repeat scroll 0 0 #bde8a3; 
}
.bordered {
    background-color: #E9F3E3;
}

a {
    color: #b25901; 
}

h1, h2, h3, h4, h5, h6 {
    color: #333333; 
    text-shadow: 1px 1px 1px #619D67;
	font-family: 'Roboto Condensed', sans-serif;
}

.clearfix{ clear:both; }

#menu-primary ul li#menu-home  a {
    color: #333333;
	font-size:20px;
}


/* HOMEPAGE */

p.service-list{
	font-size:14px;
}

img.cs-screenshot{
	margin-bottom:10px;
}

.chunk{
	margin:0 4em;
}
.chunk .date{
	float:right;
	font-style:italic;
}
.chunk{
	overflow:hidden;
	border-bottom:1px dotted #A7A9AC;
	padding-top:10px;
	margin-top:10px;
}


/* PORTFOLIO */
#portfolio{ 
}

.portfolio-box{

	background-color:#fff;
	background-color:rgba(255,255,255,0.95);
	padding:0 0;  

	width:94px;
	margin: 0px;
	float:left;

	height: 94px;

	position:relative;
	overflow:hidden;
}

.portfolio-box.sm{
	width: 94px;
	height: 94px;
}
.portfolio-box.md{
	width:188px;
	height: 188px;
}
.portfolio-box.lg{
	width:376px;
	height: 376px;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}



@media (max-width: 690px){ 

	.portfolio-box{ 
		width:94px; 
		height: 94px;
	}
	
	.portfolio-box.sm{
		width: 94px;
		height: 94px;
	}
	.portfolio-box.md{
		width:188px;
		height: 188px;
	}
	.portfolio-box.lg{
		width:376px;
		height: 376px;
	}
}



@media (max-width: 650px){
 
	#menu-primary ul li#menu-home a { 
    display: none; 
	}


}


@media (max-width: 440px){

	.portfolio-box,.portfolio-box.sm,.portfolio-box.md,.portfolio-box.lg{
		width:400px;
		height: 400px;
	} 


}


@media (max-width: 320px){ 
}
