/* ### Medium Screen ### */

@media screen and (min-width: 480px) {
    
	.small {
	    display: none;
	}

	.smallAndMedium {
	    display: inline;
	}

    .medium {
	    display: inline;
	}

	.mediumAndLarge {
		display: inline;
	}

    .large {
	    display: none;
	}

	/* ########## PORTFOLIO ########## */

	#filters {
		margin-top: 0%;
	    position: absolute;
	    left: 50%;
	    margin-left: -185px;
	}

	#activeBackFolio {
	    margin-left: 5px;
	    width: 50px;
	    height: 30px;
	}

	#filters li {
	    float: left;
	}

	#portfolioList {
	    margin-top: 70px;
	}

	#portfolioList .portfolio {
	    width:48%;
	}

	/* ########## SERVICE ########## */

	.serviceWrapper {
	    width: 46%;
	    height: 450px;
	}
	
	/* ########## CONTACT ########## */

	#shadow {
	    height: 100%;
	}

}

@media screen and (min-width: 550px) {
	
	/* ########## SERVICE ########## */

	.serviceWrapper {
	    height: 420px;
	}

}

@media screen and (min-width: 650px) {
	
	/* ########## SERVICE ########## */

	.serviceWrapper {
	    height: 380px;
	}
	
	/* ########## CONTACT ########## */
	
	#contact {
		height: 500px;
	}

	.leftContact {
		float: left;
	}

	.rightContact {
		float: right;
	}
	
	#formContact {
	    width: 92%;
	}

	textarea {
		width: 250px;
		height: 170px;
	}
	
	.iconTextarea {
		padding-top: 152px;
	}

	.iconTextarea img {
		margin-top: -150px;
	}

	span.button {
		position: absolute;
		left: 50%;
		margin-left: -130px;
	}

}

@media screen and (min-width: 750px) {
	
	/* ########## CONTACT ########## */
	
	#formContact {
	    width: 80%;
	}

}