1 files changed, 10 insertions, 15 deletions

diff --git a/connector/src/main/webapp/css/css_country.css b/connector/src/main/webapp/css/css_country.css
index 59282da3..297f0366 100644
--- a/connector/src/main/webapp/css/css_country.css
+++ b/connector/src/main/webapp/css/css_country.css
@@ -1,24 +1,28 @@
 @charset "utf-8";
     body {
-        background-image: url(../img/globus_eu.png);
+        background-image: url(img/globus_eu.png);
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-position: top; 
         background-color: #F9F9F9;
+        font-family: Arial, Helvetica, sans-serif;
     }
     #page {
         padding-top: 2%;
-        padding-right: 5%;
         padding-left: 10%;
     }
     
     #country {
-        float:left;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-items: center;
     }
 
     .block {
-        float:left;
         display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
         cursor: pointer;
         text-decoration: none;
         padding-right:2%;
@@ -26,7 +30,6 @@
     }
     
     .countryimage {
-        display:flex;
         width:50px;
         height:50px;
         padding-right: 2%;
@@ -34,18 +37,12 @@
     }
 
     input[type=button], input[type=submit], input[type=reset] {
-        
+       display:flex;
         background-color:transparent;
         border:none;
         color: black;
-        padding: 10px 20px;
         text-decoration: none;
-        margin: 3px 2px;
-        cursor: pointer;
-        height: 3%;
-        display: inline-block;
-        vertical-align: middle;
-        width: 50%;    
+        cursor: pointer;  
     }
     #testEnvironment {
         border: none;
@@ -59,8 +56,6 @@
         width: 40%;  
     }
     #button{
-        display:flex;
-        height: 3%;
         background-color: transparent;
         border:none;
     }