.container-institucional { float: left; width: 94%; margin: 45px 3% 0;}
.container-institucional span{ float: left; width: 100%; margin: 0 0 35px 0}
.container-institucional span b{ float: left; clear: both; font: 12px montserrat-bold; color: #bababa; letter-spacing: 3px}
.container-institucional span p{ float: left; clear: both; font: 36px montserrat-bold; color: #535353; margin: 10px 0 0;}
.container-institucional span p i{ color: #28885c}
.container-institucional .div-texto { float: left; width: 47%; font: 14.5px montserrat-regular; color: #535353; line-height: 24px; margin: 0 0 100px; text-align: justify;}
.container-institucional .img-institucional { float: right; width: 500px; height: 375px; background: url(../img/institucional/foto-institucional.jpg) no-repeat center; background-size: 100%;}
@media (max-width: 1220px){
	.container-institucional { width: 96%; margin: 45px 2% 0;}
	.container-institucional span p { font-size: 30px;}
}
@media(max-width: 1080px){
	.container-institucional .img-institucional { width: 400px;}
}
@media(max-width: 1020px){
	.container-institucional span p { font-size: 26px;}
}
@media(max-width: 990px){	
	.container-institucional { width: 96%; margin: 20px 2% 0;}
	.container-institucional span { margin: 0 0 20px;}
	.container-institucional span b { width: 100%; text-align: center; font-size: 10px}
	.container-institucional span p { font: 14.5px montserrat-bold; width: 100%; text-align: center;}
	.container-institucional div { line-height: 22px; margin: 20px 0;}
	.container-institucional .div-texto { width: 100%; margin: 0}
	.container-institucional .img-institucional { width: 100%; margin: 20px 0 20px; height: 225px; background-size: 300px;}
}