@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

.resposivepro {
	width: 100%;
}
.contendortransb {
	
	width: 100%;
	float: left;

}
.contendortransb-dos {
	
	width: 100%;
	float: left;

}
.perfil {
	width: 100%;
	float: left;

		
	}
.top-bar-phones {
	
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 8px;
	
	float: left;
}
.what {
	width: 100%;
	text-align: center;
	padding-bottom: 2%;
}

.perfilodon {
		width:100%;
	}

@media only screen and (min-width: 768px) {

.resposivepro {
	width: 50%;
}
.contendortransb {
	
	width: 100%;
	float: left;

}
.contendortransb-dos {
	
	width: 100%;
	float: left;

}
.perfil {
		width: 32%;
	float: left;
	padding-left: 1%

		
	}
	
	.top-bar-phones {
	
	display: none;
		width: 0px;
}
	.what {
	width: 100%;
	text-align: center;
	padding-bottom: 2%;
}
	.perfilodon {
		width:48%;
	}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 992px) {


.resposivepro {
	width: 22%;
}
	.contendortransb {
	
	width: 70%;
	float: left;

}
.contendortransb-dos {
	
	width: 30%;
	float: left;

}
.perfil {
		width: 24%;
	float: left;
    padding-left: 1%
		
	}
	
	.top-bar-phones {
	
	display: none;
		width: 0px;
}

	.what {
	width: 100%;
	text-align: center;
	padding-bottom: 2%;
}
.perfilodon {
		width:48%;
	}	
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.resposivepro {
	width: 22%;
}
	.contendortransb {
	
	width: 70%;
	float: left;

}
	.contendortransb-dos {
	
	width: 30%;
	float: left;

}
	.perfil {
		width: 24%;
	float: left;
		height: 550px;
padding-left: 1%
		
	}

	.top-bar-phones {
	
	display: none;
		width: 0px;
}
.what {
	width: 100%;
	text-align: center;
	padding-bottom: 2%;
}
.perfilodon {
		width:48%;
	}

}