/* Print Design page stylesheet */

#main {
	width:100%;
	height:auto;
	background:#f2f2f2;
	padding:0px 10px 50px 10px;
	overflow:hidden;
}

#main a {
	text-decoration: none;
}

.product-container {
	width:auto;
	padding-left:auto;
	padding-right:auto;
	text-align:center;
}

.product-container h1 {
	font-size:35px;
	color:#8e8e8e;
	text-transform:uppercase;
	font-weight:100;
	margin-bottom:30px;
	padding-top: 35px;
}

.single-website-frame {
	display:inline-block;
	width:240px;
	height:285px;
	padding:10px;
	background:#e3e3e3;
	border:solid 1px #b2b2b2;
	margin: 0 50px 50px 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;	
}

.single-website-frame:hover {
	border:solid 1px #006CFF;
	background-color: #E0F0FF;
}

.single-website-frame img { border:solid 1px #b2b2b2; }

.title-and-link-container {
	height:35px;
	width:auto;
	margin-top:10px;
	text-align:left;
}

.title-and-link-container h2 {
	width:250px;
	height:40px;
	font-size:14px;
	color:#002742;
	line-height:1.3em;
	margin-bottom:10px;
}

.title-and-link-container h2 span {
	text-transform: uppercase;
}

.link-to-product {
	width:100%;
	height:40px;
}

.link-to-product p {
	float:left;
	width:100%;
	font-size:12px;
	color:#006aba;
	padding-top:10px;
	text-align:center;
}

.link-to-product img {
	float:left;
	width:21px;
	height:17px;
	text-align:left;
}







@media only screen 
and (max-width : 860px) {
	#service-description h3 { width:100% !important; }
}

@media only screen 
and (max-width : 560px) {
	.product-container h1 {
		font-size:35px;
		font-weight:300;
	}
}



@media only screen 
and (min-width : 300px)
and (max-width : 450px) {
	
/* 	.single-website-frame { width:99%; }

	.product-thumb { width:99%; }
	
	.title-and-link-container h2 { width:auto; }
	
	.link-to-product { width:100px; }
	
	.link-to-product img { display:none; }
	
	.link-to-product p { padding-top:0px; } */

}