body{
    display: grid;
    min-height: 100vh;
}

.hero{
    align-self: start;
    
}
  
.footerWrapper{
    
    align-self: end;
    }

.text{

font-size: var(--font-2);
font-size: var(--sub);

}

.sectionOne{
margin-top: 15px;

}


.form{
display: flex;
flex-direction: column;

}

label{
    font-family: var(--font-2);
    font-size: var(--sub);
}

input, textarea{
    padding: 10px 20px;
    margin: 8px 0;
    border: 1.5px solid #212529;
    border-radius: 3px;
}

.dark-btn{
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .grid{

        grid-template-columns: repeat(1, 1fr);
       
    }

.sectionTwo__left{
order: 1;
}

.sectionTwo__right{
    order: 0;
}

}