Responsive Text – No Footer

Hello Site Origin team,
hope you are all well. I have the following issue:
I am building a coming soon website: www.michaud.mx
I used the following CSS to make the main area full width:

.home #main {
       position: absolute;
       width: 100%;
       top: 0px; /* Header Height */
       bottom: 0% !important; /* Footer Height */
    }

Then I added the following code in the css attributes of my first row:

position: relative;
    width: 50%;
    overflow: hidden;

How can I make the text and Site Origin Features responsive so that they resize according to the screen size and don´t break in 3 different blocks?
Thanks,
J

URL: http://www.michaud.mx