.atf {
	position: relative;
	padding: 150px 20px 30px 20px;
	background-image: url('../img/about/atf.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #292E36;
	background-size: cover;
}
.atf__title {
	width: 260px;
	color: #fff;
	text-align: center;
	font-size: 38px;
	margin: auto;
	margin-bottom: 20px;
	border-top: 1px solid #FF5C17;
	border-bottom: 1px solid #FF5C17;
}
.atf__txt {
	text-align: center;
	color: #fff;
	margin: auto;
	line-height: 24px;
	font-size: 18px;
}
.atf__logo {
	display: none;
	width: 170px;
	position: absolute;
	top: 40px;
	right: 40px;
}

.about {
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	grid-gap: 40px;
	margin: auto;
}
.about__right {
	height: 360px;
	background-image: url('../img/about/img01.png');
	background-position: center;
	background-size: cover;
}
.about__list {
	margin-left: 20px;
	list-style: square;
}
.about__list li {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
}
.about__list li:last-child {
	margin-bottom: 0;
}
.about__list li span {
	color: #FF5C17;
	font-family: JosefinSans-Bold;
}

.team {
	display: flex;
	flex-direction: column;
	grid-gap: 40px;
	max-width: 1100px;
	margin: auto;
	padding: 20px;
	padding-bottom: 40px;
}
.team__left {
	background-color: #FFF8F5;
	border: 1px solid #292E36;
}
.team__right {
	background-color: #FFF8F5;
	border: 1px solid #292E36;
}
.team__picture {
	height: 195px;
	background-image: url('../img/about/team/zavaleta.png');
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}
.team__picture.t2 {
	background-image: url('../img/about/team/sanchez.png');
}
.team__info {
	padding: 20px;
}
.team__title {
	width: 230px;
	font-family: JosefinSans-SemiBold;
	font-size: 16px;
	margin-bottom: 20px;
	border-top: 1px solid #FF5C17;
	border-bottom: 1px solid #FF5C17;
	padding-top: 4px;
	letter-spacing: 3px;
}
.team__name {
	font-size: 22px;
	margin-bottom: 20px;
}
.team__list {
	list-style: square;
	margin-left: 30px;
}
.team__list li {
	font-size: 18px;
	margin-bottom: 10px;
}
.team__list li:last-child {
	margin-bottom: 0;
}

.capacitacion {
	padding: 40px 20px;
	color: #fff;
	background-color: #292E36;
	text-align: center;
}
.capacitacion__title {
	font-size: 34px;
	margin-bottom: 30px;
}
.capacitacion__txt {
	font-size: 20px;
	line-height: 24px;
	margin: auto;
}

.cards {
	padding: 30px 20px;
	background-color: #FFF8F5;
}
.cards__item {  
	padding: 10px;
	border: 1px solid #000;
	margin-bottom: 20px;
}
.cards__item:last-child {
	margin-bottom: 0;
}
.cards__item__title {
	font-size: 28px;
	line-height: 26px;
	margin-bottom: 20px;
}
.cards__item__txt {
	line-height: 20px;
	font-size: 18px;
}

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

	.team__picture {
		height: 210px;
		background-size: cover;
	}
	.team__name {
		font-size: 24px;
	}
	.cards__item {
		padding: 20px;
	}

}

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

	.atf__txt {
		width: 400px;
	}
	.about,
	.team {
		width: 400px;
		margin: auto;
	}
	.team__picture {
		height: 300px;
	}
	.capacitacion__title {
		width: 400px;
		margin: auto;
		margin-bottom: 30px;
	}
	.capacitacion__txt {
		width: 400px;
	}
	.cards__item {
		width: 400px;
		margin: auto;
		margin-bottom: 20px;
	}

}

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

	.atf {
		position: relative;
		padding: 60px 0;
		background-image: url('../img/about/atf-desktop.png');
		background-position: left center;
	}
	.atf__logo {
		display: block;
	}
	.about {
		width: 720px;
		flex-direction: row;
	}
	.about__left,
	.about__right {
		width: 50%;
	}
	.about__right {
		height: 500px;
	}
	.team {
		width: auto;
		flex-direction: row;
	}
	.capacitacion__title {
		width: 700px;
	}
	.capacitacion__txt {
		width: 700px;
	}
	.cards {
		display: flex;
		flex-wrap: wrap;
		grid-gap: 20px;
		padding: 50px 20px;
		justify-content: center;
	}
	.cards__item {
		width: 300px;
		margin: 0;
	}

}

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

	.atf {
		padding: 120px 0;
	}
	.atf__title {
		width: 280px;
		font-size: 40px;
		margin-bottom: 30px;
	}
	.atf__txt {
		width: 500px;
		font-size: 20px;
	}
	.atf__logo {
		top: 70px;
	}
	.about {
		width: 900px;
	}
	.about__right {
		height: 440px;
	}
	.about__list li {
		font-size: 20px;
	}
	.team {
		width: 960px;
		padding: 20px 0;
		padding-bottom: 60px;
	}
	.capacitacion {
		padding: 60px 0;
	}
	.capacitacion__title {
		width: 900px;
	}
	.capacitacion__txt {
		width: 900px;
	}
	.cards__item {
		width: 420px;
	}

}

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

	.atf__title {
		width: 320px;
		font-size: 46px;
		margin-bottom: 30px;
	}
	.atf__txt {
		width: 540px;
		font-size: 22px;
	}
	.atf__logo {
		top: 100px;
	}
	.about {
		width: 900px;
		padding: 60px 0;
	}
	.about__list {
		font-size: 18px;
	}
	.team {
		width: 1100px;
		padding-bottom: 60px;
	}
	.team__picture {
		height: 400px;
	}
	.team__title {
		width: 250px;
		font-size: 18px;
	}
	.team__name {
		font-size: 26px;
	}
	.capacitacion {
		padding: 80px 0;
	}
	.capacitacion__title {
		width: auto;
		font-size: 36px;
	}
	.capacitacion__txt {
		width: 1000px;
	}
	.cards {
		grid-gap: 30px;
	}
	.cards__item {
		width: 500px;
	}

}