*{
margin:0px;
padding:0px;
}


.hero {
width: 100%;
min-height: 100vh;
display: flex;
align-items:center;
padding-left: 40px;
box-sizing: border-box;
color: black;
font-size: 30px;
}
.hero-content { max-width: 700px; }

.hero {
width: 100%;
min-height: 100vh;
display: flex;
align-items:center;
padding-left: 40px;
box-sizing: border-box;
color:white;
font-size: 30px;
background: url('gym.png') center / cover
no-repeat;
}


.hero h1 {
font-size: 50px;
font-weight: 700;
margin: 0 0 10px 0;
}

.hero .subtitle {
font-size: 24px;
display: inline-block;
margin: 0;
padding-bottom: 6px;
border-bottom: 3px solid #38bdf8;
}