.bg-top{
	width: 100%;
	height: 70vh;
	background-image: url(../img/nanoguard/bg-top-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	overflow: hidden;
	position: relative;
}
.bg-medio{
	width: 100%;
	padding: 70px 0;
	background: #fff;
}
.bg1{
	background: #000;
	padding: 80px 0;	
}
.bg2{
	padding: 100px 0;
	background: #fff;
	overflow: hidden;
}
.logo1{
	position: absolute;
	width: 30%;
	top: 40%;
	right: 50%;
	margin-right: -15%;
}
.p-top{
	width: 400px;
	position: absolute;
	bottom: 30%;
	margin-right: -200px;
	right: 50%;
	text-align: center;
}
.box1{
	width: 100%;
	text-align: center;
}
.cont_imgs{
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.img1{
	width: 66%;
}
.img2{
	width: 34%;
}
.img3{
	display: none;
}

/*** Responsive ***/

@supports (-webkit-touch-callout:  none){
	.bg-top{
		background-image: url(../img/nanoguard/bg-top-2.jpg) center top no-repeat;
		background-attachment: inherit;
	}
}
@media (max-width: 1280px){
	.bg-top{
		height: 60vh;
	}
	.box1{
		padding: 0;
	}
	.bg2{
		padding: 0;
	}
}
@media (max-width: 1080px){
	.logo1{
		width: 50%;
		right: 50%;
		margin-right: -25%;
		top: 45%;
	}
	.p-top{
		width: 100%;
		bottom: 25%;
		right: 0;
		padding: 10px;
		text-align: center;
		margin: 0;
	}
	.bg1{
		padding: 60px 0;
	}
	.bg-medio{
		padding: 70px 0;
		background-position: top 0 right 45%;
	}
}
@media (max-width: 780px){
	.t2-2{
		font-size: 2.2em;
	}
	.bg-medio{
		background: #fff;
	}
	.box1{
		width: 100%;
		padding-bottom: 0;
	}
	.img3{
		display: block;
	}
}
@media (max-width: 600px){
	.logo2{
		width: 60%;
	}
}
@media (max-width: 480px){
	.logo1{
		width: 70%;
		right: 50%;
		margin-right: -35%;
		top: 45%;
	}
	.box1{
		padding: 0;
	}
}