.hero video{
	position: absolute;
     
    z-index: -1;
	height: 100%;
	margin-top: -108px;
}
 
.hero {
  background: linear-gradient(135deg, var(--primary) 0%, #1a1a1a 100%);
    background: linear-gradient(135deg, #000000cf 0%, #1a1a1a6e 100%);
    color: white;
    padding: 180px 0 160px;
    text-align: center;
	
	display: flex;
    justify-content: center;
	position:relative;
	    overflow: hidden;
	
	
}	
.hero h1 {
  font-size: 48px;
  margin-bottom: 20px;
  font-weight: 700;
}
.hero p {
  font-size: 20px;
  max-width: 700px;
  margin: 0 auto 40px;
}


.hero-button-holder{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

@media (max-width: 768px) {
	.hero h1 {
		font-size: 36px;
	}
	.hero p {
		font-size: 18px;
	} 
}

@media (min-width: 1080px) {
	.hero video  {
	  height: auto;
	  width:100%;
	}
}