Fix visualization mode for mobile devices

[dinuand]

Need

If we try to access CDL website using a browser on a smartphone, we'll notice 
things get pretty confusing.
So, we need the code to be adjusted in order to get a nice version of the site 
on mobile devices, too.

Most important issues

• The bottom of the logos is cut
• Menu does not have a background so, it's hard to be noticed sometimes
• User cannot select either text or images

[tudalex]

You don't have a viewport meta tag specified, this can be the root cause of the problem. https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

Didn't have time to test if this works, but try adding:
<meta name="viewport" content="width=device-width, initial-scale=1">

[dinuand]

I followed your advice and I think now the mobile version looks more organized. At least, the bottom of the logos is not cut anymore. You can check it out from your smartphone by clicking right here: http://89.120.219.189:4000/.
If it's ok, I will push it to github.

@maria , @adasolcan , @calincru , what do you think?

[edi33416]

👍 @dinuand

It does look more organized, but I believe that we can make it even better :)

We could add col-sm-* and col-xs-* for the contact items at the bottom of the page, and also for the top of the page (cdl logo and menu items). I think this will keep the look from devices with bigger displays on smaller devices with smaller displays.

Another thing we can do is use the @media (min-width: @screen-sm-min), for ex., to use different sized images for different sized displays.

I will test later if this works :)