more space for text content

src/jade/index.jade

@@ -46,14 +46,14 @@ html
 
       section
         .row
-          .column.column1-2
+          .column.column3-5
             p.
               Etsitkö tiimikavereita projektiisi? Kiinnostaako koodaaminen, mutta et tiedä mistä lähtisi liikkeelle?
               Onko koodissasi bugi, joka ei pitkän googlettamisen jälkeen ole vieläkään ratkennut?
               Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.<br />
               <br />
               Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
-          .column.column1-2
+          .column.column2-5
             #members
 
 

src/styles/style.styl

@@ -79,7 +79,7 @@ section:first-child
 
 
 .row
-  max-width 700px
+  max-width 800px
   margin auto
   overflow auto
   padding 0 1em
@@ -89,17 +89,22 @@ section:first-child
   overflow auto
   padding 0 1em
   box-sizing border-box
-  @media screen and (max-width: 700px)
-    float none
-
-.column1-2
-  width 50%
   @media screen and (max-width: 700px)
     width 100%
+    float none
     margin-top 1em
     &:first-child
       margin-top 0
 
+.column3-5
+  width (100/5*3)%
+
+.column2-5
+  width (100/5*2)%
+
+.column1-2
+  width 50%
+
 .invite-form
   position relative
   .btn
@@ -143,10 +148,10 @@ section:first-child
   .invite-form--message
     background rgb(226, 33, 112)
 
-
 .members
   margin-top 1em
   margin-bottom 1em
+
 .member
   width 57px
   vertical-align middle