section { padding: 80px 0px 40px 0px; position: relative; width: 100%; height: auto; }

/*INSTITUCIONAL*/
.institucional { width: 100%; height: auto; position: relative; overflow: hidden; clear: both; background: #ffffff; text-align: center; padding: 0px; }
.institucional .contexto { color: #000000; font-size: 14px; line-height: 22px; font-family: 'Poppins'; text-align: left; padding: 15px 0px; }
.institucional .contexto u { text-decoration: underline; }

.validade.certo { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; position: relative; text-align: center; padding: 40px 0px; }
.validade.certo p { color: #000000; font-weight: 400; font-size: 14px; width: 100%; text-align: center; }
.validade.certo i { color: #00aaff; font-size: 60px; width: 100%; line-height: 100px; text-align: center; }

.validade.errado { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; position: relative; text-align: center; padding: 40px 0px; }
.validade.errado p { color: #000000; font-weight: 400; font-size: 14px; width: 100%; text-align: center; }
.validade.errado i { color: red; font-size: 60px; width: 100%; line-height: 100px; text-align: center; }

@media screen and (max-width: 1150px) {
	section { padding: 60px 0px 30px 0px; position: relative; width: 100%; height: auto; }

	.institucional { padding: 20px 3% 0px 3%; width: 94% }
	.institucional .contexto { text-align: center; font-size: 14px; line-height: 22px; }
	.institucional .contexto b, .institucional .contexto u, .institucional .contexto a { font-size: 14px; line-height: 22px; }
}