﻿.portfolio h2{
	font-family: "Oswald Regular", sans-serif;
	font-size: 32px;
	color: #636363;
}

.portfolio p{
	font-family: "Oswald Light", sans-serif;
	font-size: 20px;
	color: #636363;

}

.all-content{
	margin-left: 3%;
	margin-top: 80px;
}

.filtrar {
    padding: 20px 0;
	font-family: verdana, sans-serif;
	line-height: 30px;	
	text-align: center;
}
.filtrar a {
	font-family: Helvetica, sans-serif;
    color: #636363;
    padding: 5px 10px;
    text-decoration: none;
}
.filtrar a.actual {
    background: none repeat scroll 0 0 #3c8ed3;
    border-radius: 10px;
	border: 3px solid #ffffff;
    color: #FFFFFF;
}
 
.portfolioContenedor img {
    margin:4px;
}
 
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

@media (max-width:1190px){
	.portfolioContenedor{
		margin-left:3%;
	}
}

@media (max-width:991px){
	.portfolioContenedor{
		margin-left:4%;
	}
}

@media (max-width:930px){
	.portfolioContenedor{
		margin-left:0%;
	}
}

@media (max-width:886px){
	.portfolioContenedor{
		margin-left:11%;
	}
}

@media (max-width:800px){
	.portfolioContenedor{
		margin-left:6%;
	}
}

@media (max-width:767px){
	.portfolioContenedor{
		margin-left:2%;
	}
}

@media (max-width: 750px){

	.portfolio h2{
		font-size: 24px;
	}

	.portfolio p{
		font-size: 14px;
	}	
	
	.filtrar {
		line-height: 30px;
	}
}

@media (max-width:716px){
	.portfolioContenedor{
		margin-left:0%;
	}
}

@media (max-width:702px){
	.portfolioContenedor{
		margin-left:14%;
	}
}

@media (max-width:600px){
	.portfolioContenedor{
		margin-left:7%;
	}
}

@media (max-width:520px){
	.portfolioContenedor{
		margin-left:0%;
	}
}

@media (max-width:487px){
	.all-content {
	    margin-left: -2%;
    	width: 103%;
	}
	.portfolioContenedor{
		margin-left:26%;
	}	
	
}

@media (max-width: 460px){

	.portfolioContenedor {
		margin-left: 25%;
	}
}

@media (max-width:487px){
	.portfolioContenedor{
		margin-left:20%;
	}	
	
}

@media (max-width: 350px){

	.portfolio h2{
		padding-top: 120px;
	}

	.portfolio p{
		font-size: 14px;
	}	
	
	.filtrar {
		line-height: 30px;
	}
	.all-content {
	    margin-top: -40px;
	}	

}
 @media (max-width:320px){
 	.portfolioContenedor{
		margin-left:14%;
	}
 
 }


