@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}

/* Mobile Layout: 480px and below. */
.pictures img {
	clear:none;
	float:left;
	max-width:49%;
	margin:0.5%;
	margin-bottom:2%;
}

.pictures iframe {
	clear:none;
	float:left;
	max-width:49%;
	margin:0.5%;
	margin-bottom:2%;
}

.pictureswide img {
	clear:both;
	float:left;
	width:99%;
	margin-left:0.5%;
	margin-bottom:2%;
}
.rightside {
	clear: none;
	float: left;
	width:20%;
	max-width:80px;
	min-height:100%;
	margin-left:2%;
	margin-top:0;
	margin-bottom:0;
	display: block;
	border-left: solid thin #96C;
}
.rightside img {
	clear:both;
	float:none;
	max-width:100%;
	padding-left:8%;
	padding-top:2%;
	padding-bottom:0;
	margin:2%;
	margin-bottom:0;
}
.rightside a {
	text-decoration:none;
}
.column {
	clear:both;
	float:left;
	width:78%;
	margin-left:0;
	margin-top:2%;
	display:block;
}
.projectname {
	font-size:18px;
	font-weight:bold;
	color:rgba(168, 124, 165, 1);
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.rightside {
	clear: none;
	float: left;
	width:12%;
	max-width:80px;
	min-height:100%;
	margin:4%;
	margin-top:0;
	margin-bottom:0;
	display: block;
	border-left: solid thin #96C;
}
.rightside img {
	clear:both;
	float:none;
	max-width:100%;
	padding-left:8%;
	padding-top:2%;
	padding-bottom:0;
	margin:2%;
	margin-bottom:0;
}
.rightside a {
	text-decoration:none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 68%;
	padding-left: 1%;
	padding-right: 1%;
}
.column {
	clear:both;
	float:left;
	width:72%;
	margin-left:0;
	margin-top:2%;
	display:block;
}
.pictures img {
	clear:none;
	float:left;
	max-width:49%;
	margin:0.5%;
	margin-bottom:2%;
}
.pictureswide img {
	clear:both;
	float:left;
	width:99%;
	margin-left:0.5%;
	margin-bottom:2%;
}
.rightside {
	clear: none;
	float: left;
	width:18%;
	max-width:80px;
	min-height:100%;
	margin:4%;
	margin-top:0;
	margin-bottom:0;
	display: block;
	border-left: solid thin #96C;
}
.rightside img{
	clear:both;
	float:none;
	max-width:100%;
	padding-left:8%;
	padding-top:2%;
	padding-bottom:0;
	margin:2%;
	margin-bottom:0;
}
.rightside a {
	text-decoration:none;
}
.projectname {
	font-size:24px;
}

}