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

.gallery {
	display: none;
}

.galeria {
	padding: 20px;
}
.galeria__left .galeria__button {
	display: none;
}
.galeria__title {
	text-align: left;
	margin-bottom: 20px;
	font-size: 30px;
}
.galeria__txt {
	margin-bottom: 6px;
}
.galeria__txt span {
	font-family: JosefinSans-Bold;
}
.galeria__list {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	list-style: disc;
}
.galeria__list li {
	margin-bottom: 10px;
}
.galeria__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	height: 400px;
	margin-bottom: 10px;
}

.galeria__item1 { 
	grid-area: 1 / 1 / 2 / 2; 
	background-position: center;
	background-size: cover;
	background-image: url('../img/gallery/cafe-jade/01.jpg');
}
.galeria__item2 { 
	grid-area: 1 / 2 / 2 / 3; 
	background-position: center;
	background-size: cover;
	background-image: url('../img/gallery/cafe-jade/02.jpg');
}
.galeria__item3 { 
	grid-area: 2 / 1 / 3 / 2; 
	background-position: center;
	background-size: cover;
	background-image: url('../img/gallery/cafe-jade/03.jpg');
}
.galeria__item4 { 
	grid-area: 2 / 2 / 3 / 3; 
	background-position: center;
	background-size: cover;
	background-image: url('../img/gallery/cafe-jade/04.jpg');
}

.galeria__item1.cg {
	background-image: url('../img/gallery/casona-gourmet/01.jpg');
}
.galeria__item2.cg {
	background-image: url('../img/gallery/casona-gourmet/02.jpg');
}
.galeria__item3.cg {
	background-image: url('../img/gallery/casona-gourmet/03.jpg');
}
.galeria__item4.cg {
	background-image: url('../img/gallery/casona-gourmet/04.jpg');
}

.galeria__item1.di {
	background-image: url('../img/gallery/dall-italiano/01.jpg');
}
.galeria__item2.di {
	background-image: url('../img/gallery/dall-italiano/02.jpg');
}
.galeria__item3.di {
	background-image: url('../img/gallery/dall-italiano/03.jpg');
}
.galeria__item4.di {
	background-image: url('../img/gallery/dall-italiano/04.jpg');
}

.galeria__item1.fr {
	background-image: url('../img/gallery/finca-restaurant/01.jpg');
}
.galeria__item2.fr {
	background-image: url('../img/gallery/finca-restaurant/02.jpg');
}
.galeria__item3.fr {
	background-image: url('../img/gallery/finca-restaurant/03.jpg');
}
.galeria__item4.fr {
	background-image: url('../img/gallery/finca-restaurant/04.jpg');
}

.galeria__item1.sa {
	background-image: url('../img/gallery/sabor-mi/01.jpg');
}
.galeria__item2.sa {
	background-image: url('../img/gallery/sabor-mi/02.jpg');
}
.galeria__item3.sa {
	background-image: url('../img/gallery/sabor-mi/03.jpg');
}
.galeria__item4.sa {
	background-image: url('../img/gallery/sabor-mi/04.jpg');
}

.galeria__item1.cc {
	background-image: url('../img/gallery/casa-campestre/01.jpg');
}
.galeria__item2.cc {
	background-image: url('../img/gallery/casa-campestre/02.jpg');
}
.galeria__item3.cc {
	background-image: url('../img/gallery/casa-campestre/03.jpg');
}
.galeria__item4.cc {
	background-image: url('../img/gallery/casa-campestre/04.jpg');
}

.galeria__item1.vo {
	background-image: url('../img/gallery/villa-hortensias/01.jpg');
}
.galeria__item2.vo {
	background-image: url('../img/gallery/villa-hortensias/02.jpg');
}
.galeria__item3.vo {
	background-image: url('../img/gallery/villa-hortensias/03.jpg');
}
.galeria__item4.vo {
	background-image: url('../img/gallery/villa-hortensias/04.jpg');
}

.galeria__item1.cm {
	background-image: url('../img/gallery/chapulines-mezcaleria/01.jpg');
}
.galeria__item2.cm {
	background-image: url('../img/gallery/chapulines-mezcaleria/02.jpg');
}
.galeria__item3.cm {
	background-image: url('../img/gallery/chapulines-mezcaleria/03.jpg');
}
.galeria__item4.cm {
	background-image: url('../img/gallery/chapulines-mezcaleria/04.jpg');
}

.galeria__item1.ca {
	background-image: url('../img/gallery/casa-altero/01.jpg');
}
.galeria__item2.ca {
	background-image: url('../img/gallery/casa-altero/02.jpg');
}
.galeria__item3.ca {
	background-image: url('../img/gallery/casa-altero/03.jpg');
}
.galeria__item4.ca {
	background-image: url('../img/gallery/casa-altero/04.jpg');
}

.galeria__item1.st {
	background-image: url('../img/gallery/sport-tortas/01.jpg');
}
.galeria__item2.st {
	background-image: url('../img/gallery/sport-tortas/02.jpg');
}
.galeria__item3.st {
	background-image: url('../img/gallery/sport-tortas/03.jpg');
}
.galeria__item4.st {
	background-image: url('../img/gallery/sport-tortas/04.jpg');
}

.galeria__item1.be {
	background-image: url('../img/gallery/belisario/01.jpg');
}
.galeria__item2.be {
	background-image: url('../img/gallery/belisario/02.jpg');
}
.galeria__item3.be {
	background-image: url('../img/gallery/belisario/03.jpg');
}
.galeria__item4.be {
	background-image: url('../img/gallery/belisario/04.jpg');
}

.galeria__item1.or {
	background-image: url('../img/gallery/homero-ranchero/01.jpg');
}
.galeria__item2.or {
	background-image: url('../img/gallery/homero-ranchero/02.jpg');
}
.galeria__item3.or {
	background-image: url('../img/gallery/homero-ranchero/03.jpg');
}
.galeria__item4.or {
	background-image: url('../img/gallery/homero-ranchero/04.jpg');
}

.galeria__item1.hr {
	background-image: url('../img/gallery/honora-restaurante/01.jpg');
}
.galeria__item2.hr {
	background-image: url('../img/gallery/honora-restaurante/02.jpg');
}
.galeria__item3.hr {
	background-image: url('../img/gallery/honora-restaurante/03.jpg');
}
.galeria__item4.hr {
	background-image: url('../img/gallery/honora-restaurante/04.jpg');
}

.galeria__item1.zr {
	background-image: url('../img/gallery/zicatela-roof/01.jpg');
}
.galeria__item2.zr {
	background-image: url('../img/gallery/zicatela-roof/02.jpg');
}
.galeria__item3.zr {
	background-image: url('../img/gallery/zicatela-roof/03.jpg');
}
.galeria__item4.zr {
	background-image: url('../img/gallery/zicatela-roof/04.jpg');
}

.galeria__item1.me {
	background-image: url('../img/gallery/maria-eugenia/01.jpg');
}
.galeria__item2.me {
	background-image: url('../img/gallery/maria-eugenia/02.jpg');
}
.galeria__item3.me {
	background-image: url('../img/gallery/maria-eugenia/03.jpg');
}
.galeria__item4.me {
	background-image: url('../img/gallery/maria-eugenia/04.jpg');
}

.galeria__item1.sm {
	background-image: url('../img/gallery/simonetta/01.jpg');
}
.galeria__item2.sm {
	background-image: url('../img/gallery/simonetta/02.jpg');
}
.galeria__item3.sm {
	background-image: url('../img/gallery/simonetta/03.jpg');
}
.galeria__item4.sm {
	background-image: url('../img/gallery/simonetta/04.jpg');
}

.galeria__item1.ql {
	background-image: url('../img/gallery/quinta-laurel/01.jpg');
}
.galeria__item2.ql {
	background-image: url('../img/gallery/quinta-laurel/02.jpg');
}
.galeria__item3.ql {
	background-image: url('../img/gallery/quinta-laurel/03.jpg');
}
.galeria__item4.ql {
	background-image: url('../img/gallery/quinta-laurel/04.jpg');
}

.galeria__item1.ag {
	background-image: url('../img/gallery/antojitos-garza/01.jpg');
}
.galeria__item2.ag {
	background-image: url('../img/gallery/antojitos-garza/02.jpg');
}
.galeria__item3.ag {
	background-image: url('../img/gallery/antojitos-garza/03.jpg');
}
.galeria__item4.ag {
	background-image: url('../img/gallery/antojitos-garza/04.jpg');
}

.galeria__item1.pf {
	background-image: url('../img/gallery/pietro-forno/01.jpg');
}
.galeria__item2.pf {
	background-image: url('../img/gallery/pietro-forno/02.jpg');
}
.galeria__item3.pf {
	background-image: url('../img/gallery/pietro-forno/03.jpg');
}
.galeria__item4.pf {
	background-image: url('../img/gallery/pietro-forno/04.jpg');
}

.galeria__item1.ed {
	background-image: url('../img/gallery/el-dorado/01.jpg');
}
.galeria__item2.ed {
	background-image: url('../img/gallery/el-dorado/02.jpg');
}
.galeria__item3.ed {
	background-image: url('../img/gallery/el-dorado/03.jpg');
}
.galeria__item4.ed {
	background-image: url('../img/gallery/el-dorado/04.jpg');
}

.galeria__item1.jk {
	background-image: url('../img/gallery/jaipen-kaiten/01.jpg');
}
.galeria__item2.jk {
	background-image: url('../img/gallery/jaipen-kaiten/02.jpg');
}
.galeria__item3.jk {
	background-image: url('../img/gallery/jaipen-kaiten/03.jpg');
}
.galeria__item4.jk {
	background-image: url('../img/gallery/jaipen-kaiten/04.jpg');
}

.galeria__item1.qc {
	background-image: url('../img/gallery/quintana-cafe/01.jpg');
}
.galeria__item2.qc {
	background-image: url('../img/gallery/quintana-cafe/02.jpg');
}
.galeria__item3.qc {
	background-image: url('../img/gallery/quintana-cafe/03.jpg');
}
.galeria__item4.qc {
	background-image: url('../img/gallery/quintana-cafe/04.jpg');
}

.galeria__button {
	text-align: center;
}
.galeria__btn {
	margin: auto;
}
.galeria__next {
	margin: auto;
}

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

	.galeria {
		width: 400px;
		margin: auto;
	}
	.galeria__btn {
		font-size: 18px;
	}

}

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

	.atf {
		position: relative;
		padding: 100px 0;
		background-image: url('../img/about/atf-desktop.png');
		background-position: left center;
	}
	.atf__logo {
		display: block;
	}
	.galeria {
		display: flex;
		width: 740px;
		padding: 60px 20px;
	}
	.galeria.reverse {
		flex-direction: row-reverse;
	}
	.galeria__left .galeria__button {
		display: block;
	}
	.galeria.reverse .galeria__left{
		margin-left: 20px;
	}

	.galeria__grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		width: 100%;
		height: auto;
	}

	.galeria__item1 { 
		grid-area: 1 / 1 / 3 / 2; 
		background-position: center;
		background-size: cover;
		background-image: url('../img/gallery/cafe-jade/01.jpg');

	}
	.galeria__item2 { 
		grid-area: 1 / 2 / 2 / 4; 
		background-position: center;
		background-size: cover;
		background-image: url('../img/gallery/cafe-jade/02.jpg');
	}
	.galeria__item3 { 
		grid-area: 2 / 2 / 3 / 3; 
		background-position: center;
		background-size: cover;
		background-image: url('../img/gallery/cafe-jade/03.jpg');
	}
	.galeria__item4 { 
		grid-area: 2 / 3 / 3 / 4; 
		background-position: center;
		background-size: cover;
		background-image: url('../img/gallery/cafe-jade/04.jpg');
	}

	.galeria__left {
		width: 30%;
	}
	.galeria__right {
		display: flex;
		grid-gap: 10px;
		width: 70%;
	}
	.galeria__button {
		display: none;
	}
	.galeria__list.empty {
		height: 200px;
	}

}

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

	.atf {
		padding: 120px 0;
	}
	.atf__title {
		width: 290px;
		font-size: 40px;
		margin-bottom: 30px;
	}
	.atf__logo {
		top: 70px;
	}
	.galeria {
		width: 900px;
	}
	.galeria__title {
		font-size: 32px;
	}
	.galeria__txt {
		font-size: 18px;
	}
	.galeria__list li {
		font-size: 18px;
	}

}

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

	.atf__title {
		width: 340px;
		font-size: 46px;
		margin-bottom: 30px;
	}
	.atf__logo {
		top: 80px;
	}
	.galeria {
		width: 1100px;
		grid-gap: 20px;
	}
	.galeria__title {
		font-size: 36px;
	}
	.galeria__right {
		grid-gap: 20px;
	}
	.galeria__item {
		width: 240px;
		height: 240px;
	}

}