* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{

}

.main{
	background: url("../img/bg.jpg") no-repeat center;
	width: 100%;
	height: 100vh;
	padding: 0;
	margin: 0;
	text-align: center;
}

.imgMain{
	/*margin-top: 200px;*/
	width: 450px;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}

.div-v {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  /*position: fixed;*/
  /*background-color: #000;*/
  z-index: 7;
  opacity: 1;  
}

.div-l {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  position: fixed;
  background-color: #000;
  z-index: 70000000;
  opacity: 1;
}

.content{
	width: 100%;
	height: 600px;
	background-color: #000;
}

.footer{
	width: 100%;
	height: 200px;
	background-color: #333;
}

@media only screen and (max-width:600px){
	.imgMain{
		/*margin-top: 140px;*/
		width: 280px;
	}
}