.bg-top{
	width: 100%;
	background-image: url(../img/microvent/bg-top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top 15% left 30%;
	height: 100vh;
	position: relative;
}
.bg1{
	width: 100%;
	background: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
}
.bg2{
    width: 100%;
	background: linear-gradient(110deg, #f5f5f5 0%, #f5f5f5 50%, transparent 50%, transparent 100%);
}
.bg-master{
	width: 100%;
	background-image: url(../img/microvent/bg-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 0 top 0;
}
.bg-textura-1{
	width: 100%;
	background-image: url(../img/microvent/bg-textura-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-textura-2{
	width: 100%;
	background-image: url(../img/microvent/bg-textura-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 65vh;
	position: relative;
}
.bg3{
	width: 100%;
}
.bg4{
	background: #000;
	padding: 90px 0;
}
.logo1{
	position: absolute;
	top: 45%;
	right: 50%;
	width: 30%;
	margin-right: -15%;
}
.logo2{
	width: 250px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.box1{
	width: 40%;
	padding: 70px 0;
}
.icon1{
	width: 50px;
	margin: 0 auto;
}
.txs{
	position: absolute;
	top: 40%;
	left: 40%;
	z-index: 1;
}
.cont_imgs{
	max-width: 1280px;
	margin: 0 auto;
}
.img1{
	width: 40%;
	padding: 50px 30px;
}
.img2{
	width: 22vw;
	position: absolute;
	top: -30px;
	right: 20%;
}
.img3{
	display: none;
}

/*** Responsive ***/

@supports (-webkit-touch-callout:  none){
	.bg-top{
		background-image: url(../img/microvent/bg-top.jpg) center top no-repeat;
		background-attachment: inherit;
	}
}
@media (max-width: 1280px){
	.bg-top{
		background-position: top 30% left 50%;
	}
	.bg-master{
		width: 100%;
		background-image: url(../img/microvent/bg-2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top 0 right 30%;
	}
	.box1{
		padding-left: 50px;
	}
	.img2{
		position: relative;
		width: auto;
		top: 0;
		right: 0;
		height: 100%;
	}
	.bg3{
		padding: 0;
	}
}
@media (max-width: 1080px){
	.bg-master{
		background-position: top 0 right 20%;
	}
	.logo1{
		width: 60%;
		left: 20%;
	}
}
@media (max-width: 780px){
	.bg2{
		width: 100%;
		background: #f5f5f5 !important;
	}
	.bg-master{
		background: #fff;
	}
	.box1{
		width: 80%;
		padding: 70px 0;
		margin: 0 auto;
		text-align: center;
	}
	.cont_imgs{
		display: flex;
		flex-wrap: wrap;
	}
	.img1{
		width: 100%;
		padding: 0;
	}
	.img3{
		width: 100%;
		display: block;
	}
	.logo1{
		width: 70%;
		left: 15%;
	}
	.bg-textura-1{
		padding-top: 150px;
	}
	.bg-textura-2{
		height: 50vh;
	}
	.bg4{
		padding: 50px 0;
	}
	.bg3{
		overflow: hidden;
	}
	.boton{
		margin: 40px auto 0 auto;
	}
}
@media (max-width: 480px){
	.box1{
		width: 100%;
	}
	.logo1{
		width: 80%;
		left: 10%;
	}
	.bg-textura-2{
		height: 40vh;
	}
	.txs{
		top: 40%;
		width: 100%;
		text-align: center;
		left: 0;
	}
}