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


	img{
		max-width: 100%;
	}

	.logo .logoleft {
		width: 300px;
	}

	h4.subtitle{
		font-size: 24px;
	}

	nav ul {
		margin-top: 10px;
	}

	nav ul li {
		float: none;
		padding-right: 7px;
		padding-left: 7px;
	}

	.header nav {
		float: right;
		width: 100%;
		clear: both;
		text-align: center;
	}

  

}


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

	h4.subtitle{
		margin-top: 0;
	}

	.subtitle .logoleft{
		width:  100%;
		margin-top: 0;
	}

	
	.ca-item {
		width: 300px;
		height: 250px;
	}

	
	.ca-more {
		height: 250px;
		width: 300px;
	}

	
}