/* Website */

#page {


	width: 100%;
	height1: 900px;
	

}


/*------------ IMAGES ------------*/

#frame-a{
	background: url(/images/home/frame.png) no-repeat center top;
	display: block;
	height: 204px;
	width: 220px;
	margin: 0;
	padding: 5px 5px 10px;
}
.box1 {
	padding: 3px 6px 0px;
}

.box1 img:hover
{
	opacity:0.3;
	filter:alpha(opacity=50);
}
/*------------ 	TEXT  ------------*/


/*------------ media width 975------------*/

@media only screen and (max-width : 975px) {
	
#page {


	width: 100%;
	height: 2650px;
	

}

.column {
	height: 400px;
}

#text-box{

	width: 500px;
	height: 100%;
}

#page-pic{

	position: relative;
	background-image: url(/images/about/about-2.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 398px;
}

#page-text{
	
	position: relative;
	top: 125px;
	width: 100%;
	height: 1025px;

	
}

#featured{
	position: relative;
	top: 200px;
	width: 500px;
	height: 600px;
}

}

/*------------ media width 625 ------------*/

@media only screen and (max-width : 625px) {
	
#page {


	width: 100%;
	height: 3300px;
	

}

#page-pic{

	position: relative;
	background-image: url(/images/about/about-3.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 150px;
  	width: 100%;
  	height: 545px;
}

#text-box{

	width: 300px;
	height: 100%;
}

#page-text{
	
	position: relative;
	top:150px;
	height: 1500px;
}

#text-box{

	width: 300px;
	height: 100%;
}

#featured{

	position: relative;
	top: 200px;

}


}

/*------------ media width 540 ------------*/

@media only screen and (max-width : 540px) {


#page {

	width: 100%;
	height: 4100px;
}



#page-text{
	position: absolute;
	top: 1000px;
	width: 100%;
	height: 1500px;
}

#featured{

	position: relative;
	top: 1700px;
	width: 250px;
	height: 100px;
}
}


/*------------ media width 450 ------------*/

@media only screen and (max-width : 450px) {

#home-page-text{
	position: absolute;
	top: 850px;
	width: 100%;
	height: 1700px;
}


#featured{

	position: relative;
	top: 1700px;
	width: 250px;
	height: 100px;
}

#page {

	width: 100%;
	height: 4100px;
}
	
}

/*------------ media width 320------------*/

@media only screen and (max-width : 320px) {
	


}