.bg-top{
	width: 100%;
	padding: 200px 0;
	background-image: url(../img/uv_block/bg-detalle.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.bg1{
	background: #fff;
	background-image: url(../img/uv_block/tr1.jpg);
	background-position: left 0 bottom 0;
	background-size: 400px;
	background-repeat: no-repeat;
}
.bg2{
	background-image: url(../img/uv_block/z.svg);
	background-position: right -20% top 50%;
	background-repeat: no-repeat;
	padding: 90px 0;
	background-size: 50%;
	background-color: #000;
}
.bg3{
	background: #fff;
	background-image: url(../img/uv_block/tr2.jpg);
	background-position: right 0 bottom 0;
	background-size: 400px;
	background-repeat: no-repeat;
	padding: 100px 0;
}
.logo1{
	width: 200px;
	margin: 0 auto 30px auto;
}
.box1{
	width: 50%;
	padding: 100px 100px;
	float: left;
}
.box2{
	width: 50%;
	float: left;
	padding: 50px 0;
}
.box3{
	width: 60%;
	padding: 50px 100px;
}
.lista{
	color: #fff;
	padding: 0 20px 30px 20px;
	font-family: 'gothambook';
    font-size: 16px;
}
.lista li{
	padding-bottom: 5px;
}
.cont_b{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.cont_b a{
	width: 55%;
}
.box5{
	width: 45%;
	padding: 100px;
	background: #000;
}

/*** Responsive ***/

@supports (-webkit-touch-callout:  none){
	.bg-top{
		background-image: url(../img/uv_block/bg-detalle.jpg) center top no-repeat;
		background-attachment: inherit;
	}
}
@media (max-width: 1680px){
	.box5{
		padding: 50px;
	}
}
@media (max-width: 1366px){
	.box5{
		padding: 40px;
	}
	.lista{
		padding: 0 0 10px 20px;
	}
}
@media (max-width: 1280px){
	.bg-top{
		padding: 90px 0 100px 0;
	}
	.bg1{
		padding: 50px 0;
	}
	.bg2, .bg3{
		padding: 70px 0;
	}
	.box1{
		padding: 70px 80px 0 20px;
	}
	.box3{
		padding: 0 80px;
	}
	.cont_b{
		display: block;
	}
	.cont_b a{
		width: 100%;
		margin: 0 auto;
	}
	.box5{
		width: 100%;
		padding: 50px 70px;
	}

}
@media (max-width: 1080px){
	.bg-top{
		padding: 100px 0 100px 0;
	}
	.box1{
		width: 100%;
		float: none;
		text-align: center;
		padding: 0 100px 70px 100px;
	}
	.box2{
		width: 100%;
		float: none;
		padding: 0;
	}
	.box2 img{
		width: 80%;
		margin: 0 auto;
	}
	.box1{
		padding: 0 30px 50px 30px;
	}
	.boton{
		margin: 40px auto 0 auto;
	}
}
@media (max-width: 780px){
	.logo1{
		width: 150px;
	}
	.box3{
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 0;
	}
	.bg2{
		background-image: none;
	}
}
@media (max-width: 600px){
	.box1{
		padding: 0  0 70px 0;
	}
	.box2 img{
		width: 100%;
	}
	.box3{
		width: 100%;
	}
}