@media (max-width: 767px) { 
	#homeintro { 
		background-image: url("/img/main768-min.webp"); 
	}
}
@media (min-width: 768px) and (max-width: 1199px){ 
	#homeintro { 
		background-image: url("/img/main1200-min.webp"); 
	}
}
@media (min-width: 1200px) and (max-width: 1920px){ 
	#homeintro { 
		background-image: url("/img/main1920-min.webp"); 
	}
}
@media (min-width: 1921px) { 
	#homeintro { 
		background-image: url("/img/main2560-min.webp"); 
	}
}

#homeintro { 
	background-size: 180%; 
	background-position: top center; 
	background-color: #0C0505;
	background-repeat:no-repeat;
	position:relative;
}
@media (min-width: 768px) { 
	#homeintro { 
		background-size: 100%; 
		background-position: center -250px; 
	}
}


#homeintro::before { 
	content: ''; display: block; 
}
@media (max-width: 767px) { 
  #homeintro::before { padding-top: 120%; } 
}
@media (min-width: 768px) { 
  #homeintro::before { padding-top: 60%; } 
}

#homeintro #hp-signature{
	
	height: auto;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
}
@media (max-width: 767px) { 
  #homeintro #hp-signature { 
  	max-width: 200px;
	margin-left: -120px;
	margin-top: 0px;
  } 
}
@media (min-width: 768px) { 
  #homeintro #hp-signature { 
  	max-width: 560px;
    margin-left: -330px;
    margin-top: -165px;
  } 
}