.bg1{
	width: 100%;
	padding: 250px 0;
	background-image: url(../img/hi_trac/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
.bg2{
	width: 100%;
}
.bg3{
	width: 100%;
	background-image: url(../img/hi_trac/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	height: 55vh;
	position: relative;
}
.logo1{
	width: 55%;
	margin: 0 auto 20px auto;
}
.logo2{
	width: 70%;
	padding-bottom: 40px;
}
.subtitulo1{
    font-size: 2.2em;
    line-height: 90%;
    text-align: center;
    margin: 0;
}
.subtitulo2{
    font-family: 'gothambold';
    text-transform: uppercase;
    font-size: 1em;
    color: #fff;
    text-align: center;
    display: block;
    padding: 0 20px;
}
.logo3{
	position: absolute;
	width: 20%;
	right: 20%;
	top: 40%;
}
.cont1{
	display: flex;
	flex-wrap: wrap;
	max-width: 1280px;
	margin: 0 auto;
}
.box1{
	width: 60%;
	padding: 150px 50px 30px 0;
}
.box1 p{
	padding-bottom: 70px;
}
.box1-1{
	width: 100%;
	background: rgba(0, 0, 0, .7);
	padding: 60px;
}
.box1-1 p{
	padding-bottom: 0;
}
.box2{
	width: 40%;
	padding: 30px 0 30px 0;
}
.cont_imgs{
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	display: flex;
	padding-top: 70px;
}
.img2{
	width: 60%;
}
.img3{
	position: absolute;
	right: 0;
	top: 70px;
	width: 40%;
}
.cont_box3{
	max-width: 1280px;
	margin: 0 auto;
}
.box3{
	width: 60%;
	padding: 70px 100px 70px 0;
}
.cont_imgs_2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.img4{
	width: 30%;
}
.img5{
	width: 70%;
}

/*** Responsive ***/

@supports (-webkit-touch-callout:  none){
	.bg1{
		background-image: url(../img/hi_trac/bg1.jpg) center top no-repeat;
		background-attachment: inherit;
	}
	.bg3{
		background-image: url(../img/hi_trac/bg2.jpg) center top no-repeat;
		background-attachment: inherit;
	}
}
@media (max-width: 1280px){
	.bg1{
		padding: 200px 0 150px 0;
	}
	.box1{
		padding: 70px;
	}
	.box2{
		padding-right: 50px;
	}
	.box3{
		padding: 80px 50px;
	}
}
@media (max-width: 1080px){
	.bg2{
		overflow: hidden;
	}
	.cont1{
		display: block;
		width: 80%;
	}
	.box1{
		width: 100%;
		padding: 70px 30px 30px 30px;
	}
	.box2{
		width: 100%;
		padding: 0 30px 50px 30px;
	}
	.box3{
		width: 100%;
		padding: 0 30px 50px 30px;
	}
	.cont_box3{
		width: 80%;
		margin: 0 auto;
		overflow: hidden;
	}
	.cont_imgs{
		width: 80%;
		margin: 0 auto;
		padding: 30px;
		display: block;
	}
	.img2{
		width: 100%;
	}
	.img3{
		width: 100%;
		position: relative;
		top: 0;
	}
	.logo3{
		width: 50%;
		right: 25%;
	}
	.img2{
		padding-bottom: 30px;
	}
}
@media (max-width: 780px){
	.bg1{
		padding: 150px 0;
	}
	.logo1{
		width: 80%;
	}
}
@media (max-width: 480px){
	.bg1{
		background-position: center;
		height: 100vh;
		padding: 0;
		background-position: left 40% top 0;
	}
	.bg1 .contenedor{
		padding-top: 50%;
	}
	.cont1{
		width: 95%;
	}
	.box1{
		padding: 50px 30px 20px 30px;
	}
	.box1-1{
		padding: 40px;
	}
	.cont_box3{
		width: 95%;
	}
	.box3{
		padding: 0 30px 30px 30px;
	}
	.cont_imgs{
		width: 95%;
		padding: 20px 30px;
	}
	.img2{
		padding-bottom: 20px;
	}
	.cont_imgs_2{
		width: 95%;
		padding: 0 30px;
		margin: 0 auto;
	}
	.img4{
		width: 100%;
		padding-bottom: 20px;
	}
	.img5{
		width: 100%;
		padding-bottom: 20px;
	}
}