CSS for mobile elements, Wordpress

Hope you are having a great Wednesday!

I am having a hard time trying to create this page in DIVI

So I added a map and some text to the right

This is how it looks - Desktop

http://ift.tt/2lZU1KN

So I added a float right for one element and a float left for the other element with a 50% width for each one and on any desktop looks good.

But when I open this page one a cellphone it looks bad.

I mean, it looks bad, and the content goes all the way to the bottom.

What I want to to is that when a user on mobile goes to the website, looks like this:

http://ift.tt/2lZvNjI

Each element centered and one below the other one.

I am using some media queries but I am still new at this.

Please share your thoughts!