               :margin-left "auto"
               :margin-right "auto"
               :$push-top 4}]]]]
+
+   [:$media {:max-width "480px"}
+    [:#index [:.box {:padding 0}]] ]
 
    (for [[idx feat] (map-indexed (fn [x y] [x y]) (get-in data [:scenarios]))]
      [:div.box

                   :$padding [1.5 0 1.5 0]
                   :margin 0
                   :$color [:blue :bereza]}
     [:.brand {:$flex-full  true}
      [:a {:text-transform "uppercase" :$color :white :$text [1.5 1.5 :uppercase] }
       [:&:hover {:text-decoration "none"}]] ]

                 :$border [:solid 2  :blue] 
                 :$push-left 1
                 :$padding [0.3 2.2] 
                 :border-radius "20px"}] ]]
   [:$media {:min-width "479px"}
    [:#navigation
     [:.mobile {:display "none"}] ]]

   [:$media {:max-width "480px"}
    [:#navigation {:padding "15px 0 0"}
     [:.brand {:padding-left "15px"}]
     [:ul {:margin-bottom "10px" :display "none"}]
     [(keyword "#group:checked + ul") {:display "block !important"}]
     [:.sign-in {:margin-left "10px"}]
     [:.desctop {:display "none"}]
     [:.sign-in-li-item {:margin-top "10px"}]
     [:li {:width "100%"}] ] ]

   [:div.container.navigation.desctop
     [:div.brand
      [:a {:href "/index"} (get-in data [:text :title])]]
    [:ul.list-inline
     (for [x (data :menu)]
       [:li [:a {:href (es/url (:href x))} (:title x)]])]
    [:a.sign-in {:href "https://aidbox.io/ui"} "SIGN IN"] ]
   
   [:div.container.navigation.mobile
    [:.navbar-header
     [:div.brand
      [:a {:href "/index"} (get-in data [:text :title])]] 
     [:label {:for "group"}
      [:div.navbar-toggle
       [:span {:class "sr-only"} "Toggle navigation"]
       [:span {:class "icon-bar"}]
       [:span {:class "icon-bar"}]
       [:span {:class "icon-bar"}]] ] ]
    [:input#group.hidden {:type "checkbox"}]
    [:ul.list-inline
     (for [x (data :menu)]
       [:li [:a {:href (es/url (:href x))} (:title x)]])
     [:li.sign-in-li-item
      [:a.sign-in {:href "https://aidbox.io/ui"} "SIGN IN"]]]]
   ])

(defn layout [{data :data :as opts} cnt]
  [:html
