I am struggling to make my text be in the correct position while being repsonsive

[benchesterman]

Hi, I am struggling to make a repsonsive website. I want the text to stay in the center of my webpage just above some text but everytime i change the size of google it doesnt move with the background

.background1{
position: relative;
text-align: center;
background-color: black;
width: 100%;
height: 400%;
}
@font-face{
font-family:‘nexa’;
src:url(fonts/Nexa_Free_Bold-webfont.woff);
font-style:normal;
font-weight:100;
}
.heading1{
padding-top:0px;
font-family: nexa;
font-size: 10px
}
.heading2{
color: white;
text-align: center;
padding-top: 100px
}

[ronpat]

@benchesterman

I am struggling

Good evening, @benchesterman. Welcome to the forums.

It would be helpful if you could post the URL to your test site.

If you have none, then a “working page” that demonstrates the problem would be helpful.

As a developer, you know that HTML and CSS work together and that CSS without HTML is almost meaningless.

For more information, please read out posting guidelines and try again.

Forum POSTING Guidelines (Posting Basics): (Help us help you!)

Forum Posting Basics

When posting a coding question, it’s important to help people to help you. Ideally, post a link to a web page that demonstrates the issue. If that’s not possible (for example, if your site is not live yet) there are various other options. You might, for example, create a working example of the problem on a site like CodePen. You can then paste the link to your Pen here. (If you sign up for a free account at CodePen, your Pen will get embedded right here, like this: http://codepen.io/oknoblich/…

What is your background? Have you completed a basic course in HTML and CSS?