improved ui on different screen sizes

script/views/contactPage.js

@@ -3,7 +3,7 @@ define(['m', '_', 'util', 'resultParser', 'views/topNavBar', 'views/footer'], fu
     var contactBody = {};
 
     contactBody.logo = function(){
-        var style = 'height: 250px; width: 250px; background-size: 250px; background-image: url(images/logosansfond.JPG);';
+        var style = 'height: 300px; width: 300px; background-size: 300px; background-image: url(images/logosansfond.JPG);';
         return m('div.uk-cover-background.uk-container-center', {style: style});
     };
 
@@ -25,7 +25,7 @@ define(['m', '_', 'util', 'resultParser', 'views/topNavBar', 'views/footer'], fu
     };
 
     contactBody.contact = function(){
-        return m('div.div.uk-panel.uk-panel-box.uk-panel-box-secondary.uk-width-large-1-3.uk-container-center.uk-margin',[
+        return m('div.div.uk-panel.uk-panel-box.uk-panel-box-secondary.uk-container-center.uk-margin',[
             m('table.uk-table',
                 m('tr',
                     m('td.uk-text-right',  m('i.fa.fa-desktop')),
@@ -40,18 +40,17 @@ define(['m', '_', 'util', 'resultParser', 'views/topNavBar', 'views/footer'], fu
                     m('td',  contactBody.address())
                 )
             )
-            // m('div', m('i.fa.fa-desktop'), ),
-            // m('div', m('i.fa.fa-phone'), contactBody.tel()),
-            // m('div', m('i.fa.fa-envelope'), contactBody.address())
         ]);
 
     };
 
     contactBody.view = function(){
-        return m('div', [
-            contactBody.logoLine(),
-            contactBody.contact()
-        ]);
+        return  m('div.uk-margin-top.uk-margin-bottom.uk-grid',
+                    m('div.uk-width-large-2-5.uk-width-medium-4-5.uk-width-small-1-1.uk-container-center', [
+                        contactBody.logoLine(),
+                        contactBody.contact()
+                    ])
+                );
     };
 
     var contactPage = {};