                :max-device-width max-width-mobile}
 
               [:.navbar__container (:mobile navbar-grid-config)]
-              [:.container (:mobile grid-config)]
+              [:.container common-grid-options]
               ;; should I simply change the layout
               ;; entirely moving with everything on the same column??
               [:.timeline {:grid-column 1

   [:a:hover {:text-decoration "none"}]])

(def main-page
  [[:.container (:desktop grid-config)]
   [:h3 {:color (:dark-red COLOR-PALLETTE)}]
   [:body {:color (:navy COLOR-PALLETTE)
           :font-family (:alex-brush FONT-FAMILIES)}]


   [:.button__add-to-calendar {:background-color (:dark-red COLOR-PALLETTE)
                               :color (:white COLOR-PALLETTE)}]

   [:.timeline__time {:padding-right "10px"
                      :font-weight "bolder"}]

   [:.timeline__icon {:width "22px"
                      :padding-right "5px"}]

   [:.bank_table {:font-family (:open-sans FONT-FAMILIES)}]

