body {
  /*background: #f06d06;*/
	background:#eeeeee;
  font-size: 1.0em;
  padding: 20px;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	background-image: url("/image/bg.png");
}
h1 {
	
	font-family: Impact,Charcoal,sans-serif;
	font-size: 4em;
	letter-spacing: 3px;
	color: rgb(126, 38, 38);
	text-shadow: 2px 2px 5px rgb(255, 255, 255);
}

#header {
	text-align: center;
	background-image: url("/image/path.jpg");
	background-repeat: no-repeat;
	background-size: 95% 160px;
}

.element {
	width: 300px;
	min-width: 300px;
	/*min-height: 281px;*/
	min-height:565px;
	border: 1px solid black;
	padding: 30px;
	float: left;
	color: black;
	margin: 2px;
	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.element2 {
	width: 350px;
	min-width: 350px;
/* 	height: 265px;
	min-height: 265px;*/
	border: 1px solid black;
	float: left;
	color: black;
	margin: 4px;
}

.element3 {
	width: 350px;
	min-width: 350px;
/* 	height: 581px;
	min-height: 581px; */
	border: 1px solid black;
	float: left;
	color: black;
	margin: 4px;
}

.element2 img{
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
}

.element3 img{
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
}
/**************************************************************************
@media screen
**************************************************************************/

/****************** max-width: 1052px *************************************/
@media screen and (max-width: 1052px){
/* 	.element3 {
		width: 564px;		
		min-width: 564px;
		border: 1px solid black;
		float: left;
		color: black;
		margin: 2px;
	} */
	
}

/****************** max-width: 735px *************************************/
@media screen and (max-width: 735px){
.element2 {
	width: 270px;
	min-width: 270px;
/* 	height: 265px;
	min-height: 265px;*/
	border: 1px solid black;
	float: left;
	color: black;
	margin: 4px;
}

.element3 {
	width: 270px;
	min-width: 270px;
/* 	height: 581px;
	min-height: 581px; */
	border: 1px solid black;
	float: left;
	color: black;
	margin: 4px;
}
	 
	h1 {
	
	font-family: Impact,Charcoal,sans-serif;
	font-size: 1.8em;
	letter-spacing: 3px;
	color: rgb(126, 38, 38);
	text-shadow: 2px 2px 5px rgb(255, 255, 255);
}
	
}