Aligning element to the center of the screen

I’m trying to move a 1/1 row up and to the middle. I’d like the row to be 60% of the screen-width up have a –140 margin. So far, I’ve been able to accomplish that, but something as simple as centering the element I can’t figure out. I’ve played around with the left margin, but it looks awful on responsive. So far this is the code I have:
.contact-test {
max-width: 60% !important;
webkit-box-shadow:3px 2px 15px 0px rgba(0, 0, 0, 0.3);
moz-box-shadow:3px 2px 15px 0px rgba(0, 0, 0, 0.3);
box-shadow:3px 2px 15px 0px rgba(0, 0, 0, 0.3);
padding: 50px !important;
margin-top:-140px !important;
}

Any assistance would be great!

• This topic was modified 7 years, 3 months ago by stryvemarketing.