@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto+Condensed');

#p_institucional {
	background: rgb(15, 57, 99);
	color: #fff;
	padding-top: 2em;
	padding-bottom: 1em;
}

#p_institucional .contenedor {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.texto {
	width: 100%;
	font-family: 'Mandali', sans-serif;
}

.texto .titulo_seccion {
	color: rgb(255, 255, 255);
	text-align: left;
	font-size: 2em;
	font-family: 'Mandali', sans-serif;
	margin-top: 0;
	margin-left: 1em;
	margin-bottom: 0;
}

.texto p {
	margin-top: 0%;
	padding: 2em;
	font-size: 16px;
	color: #fff;
	text-align: justify;
}

.texto li {
	margin-top: 0%;
	padding: .2em;
	padding-left: 1.1em;
	padding-right: 6em;
	font-size: 16px;
	color: #333;
	text-align: justify;
}

/* MEDIA QUERYS */

@media (min-width: 480px) {

	#p_institucional {
	    color: #fff;
	    padding-top: 2em;
	    padding-bottom: 1em;
    }
}

@media (min-width: 1024px) {

	.texto {
		width: 85%;
	}

	.texto p {
		margin-top: 15px;
		padding: 0 2rem;
		padding-right: 100px;
		font-size: 16px;
	}

    .texto .titulo_seccion {
        color: rgb(255, 255, 255);
        text-align: left;
        font-size: 2em;
        font-family: 'Mandali', sans-serif;
        margin-top: 0;
        margin-left: .6em;
        margin-bottom: 0;
    }
}