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

#creditos {
	padding: 1em;
	padding-top: 1em;
	margin: 0;
	/* background-color: rgb(16, 24, 87); */
	background-color: #3b4791;
}

#creditos .contenedor {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
    width: 100%;
}

#creditos .contenedor article {
	width: 100%;
	margin: 8px;
    padding: 0;
    background-color: #181d3a;
	/* display: inline-flex; */
   	border: double 1px transparent;
   	border-radius: 20px;
   	background-image: linear-gradient(#181d3a, #181d3a), radial-gradient(circle at top left,#4c4ea1, #ffffff, #6e68ba);
   	background-origin: border-box;
   	background-clip: content-box, border-box;
}

/* #cuadro {
	overflow:hidden;
	width: 100%;
    padding: 10px;
} */

#cuadro {
	background-color: aqua;
	overflow:hidden;
	width: 98%;
	/* border: solid 5px rgb(228, 228, 228); */
}

#creditos article img {
	width: 100%;
	transform: scale(1.39);
	
}
#creditos article img:hover { 
	cursor: pointer;
	transition: .2s all ease;
	transform: scale(1.07);
	/* filter: grayscale(1); */
}
#creditos .contenedor article #tit {
	font-size: 1.4em;
	padding-top: 1em;
	text-align: left;
    padding-left: 50px;
	font-family: 'Raleway', sans-serif;
	color: #b6bffc;
}

#creditos .contenedor article ul {
	padding: 20px;
    padding-left: 50px;
	padding-top: 0;
}

#creditos .contenedor article li {
	font-size: 1em;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	padding-top: 13px;
}

/* MEDIA QUERYS */

@media screen and (min-width: 768px) {
	#creditos .contenedor article {
		width: 46%;
		/* margin: 0px 8px; */
	}

	#creditos {
		padding: 5em;
		padding-top: 1em;
	}

}
@media (min-width: 1280px) {
		#creditos .contenedor article {
			width: 530px;
			/* margin: 0px 8px; */
		}

}