.hero-wrapper{
    height: 700px;
    background-size: cover;
/*     background-position: 50% 0%; */
    border-radius: 0px 0px 385px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero{
    max-width: 1200px;
    width: 100%;
    position: relative;
    z-index: 4;
}


.hero p,
.hero h1{
    width: 100%;
    max-width: 800px;
}

.hero-wrapper{
    color: #fff;
    position: relative;
}

.hero-wrapper:before{
    content: '';
    background: linear-gradient(98.59deg, rgba(10, 10, 10, 0.8) 25.1%, rgba(3, 66, 156, 0.45) 100%);
    border-radius: 0px 0px 385px 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero p{
    margin-bottom: 60px;
}


@media(max-width: 767px){
    .hero{
        max-width: 100%;
        padding-left: 32px;
        padding-right: 32px;
    }
   .button{
      max-width: 75%;
}
	
	@media(max-width: 480px){
		.hero-wrapper{
			height: 900px;
		}
	}