@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1009px){
	#fullwidth .slide{
		/*height:auto;*/
	}
	#fullwidth .slide .caption img{
		width:100%;	
	}
	#fullwidth .slide > img{
		width:auto;
		height:100%;	
	}
}

@media only screen and (max-width: 920px){
	#header{
		height:auto;
		position:relative;
		padding:0;
		background-size: auto 100%;
	}
	#header > .wrapper{
		height:auto;
		overflow:inherit;
	}
	#header #logo,
	#header #callus{
		float:none;
		margin:auto;
		padding:0 10px;
		text-align:center;
	}
	#header #logo{
		padding:0 40px;
	}
	#header #callus{
		margin-bottom:30px;	
	}
	
	#banner_rect{
		padding-top:0;	
	}
	#body #body_body > .left{
		width:auto;	
	}
	#body #body_body > .left > .padding{
		padding: 0 20px;
	}
	p{
		margin-bottom: 20px;
	}
	.portfolio_block{
		width:360px;
	}
	.portfolio_block > div.left img{
		height:	150px;
	}
	.portfolio_block.business_card > div.left img{
		height:auto;
	}
}
@media only screen and (max-width: 815px){
	/*
	.portfolio_block:nth-child(3n+1){
		margin-right: 0px;
	}
	*/
	.portfolio_block{
		width:270px;
	}
	.portfolio_block > div.left img{
		height:	100px;
	}
	.portfolio_block.business_card > div.left img{
		height:auto;
	}
	
	.portfolio_block .butt2{
		letter-spacing:0;
		padding: 7px 15px;
	}
	
	ul.col4 > li,
	ul.col3 > li,
	ul.col2 > li{
		width:100%;	
		float:none;
	}
}
@media only screen and (max-width: 640px){


	
	.portfolio_block,
	.portfolio_block:nth-child(3n+1){
		width:100%;
		box-shadow:none;
		border-radius:0;
		margin:0;
	}
	.portfolio_block .clear{	
	}
	
	.portfolio_block:nth-child(3n+1){
		background:rgba(0,0,0,0);
	}
	.portfolio_block > div.left img{
		height:150px;
	}
	
}


@media only screen and (max-width: 400px){
	#callus h2, #callus h3{
		font-size:22px;	
	}
	#callus h3{
		font-size:30px;	
	}
	
	h2{
		text-shadow:none;	
	}
}