diff --git a/docs/source/_themes/Alchemy/static/bootstrapCustom.css b/docs/source/_themes/Alchemy/static/bootstrapCustom.css
index d6ed599..34ba6c5 100644
--- a/docs/source/_themes/Alchemy/static/bootstrapCustom.css
+++ b/docs/source/_themes/Alchemy/static/bootstrapCustom.css
@@ -14,4 +14,25 @@ a, a:hover, a:visited{
 .navbar a,
 .sphinxsidebarwrapper a{
     text-decoration:none;
-}
\ No newline at end of file
+}
+
+.admonition.note .first.admonition-title {
+    font-family: century gothic;
+    font-weight: bold;
+    text-align : center;
+    line-height: 30px;
+    overflow:hidden;
+    -webkit-border-radius:50px;
+    -moz-border-radius:50px;
+    border-radius:50px;
+    background-color: blue;
+    box-shadow: 0.5px 0.5px 2px #343434;;
+    color:white;
+    width:50px;
+    margin-right:1em;
+    float:left;
+}
+
+.admonition.note .last {
+    line-height: 25px;
+}
diff --git a/docs/source/_themes/Alchemy/static/main.css b/docs/source/_themes/Alchemy/static/main.css
index afb04fd..ee41b3f 100644
--- a/docs/source/_themes/Alchemy/static/main.css
+++ b/docs/source/_themes/Alchemy/static/main.css
@@ -12,3 +12,7 @@ h1,h2,h3,h4,h5,h6, a, a:hover, a:visited{
 .hero-unit{
     background-color: transparent;
 }
+
+.admonition.note .first.admonition-title {
+    background-color:#B17F4A;
+}
diff --git a/docs/source/index.rst b/docs/source/index.rst
index e466b9c..e9d7738 100644
--- a/docs/source/index.rst
+++ b/docs/source/index.rst
@@ -1,12 +1,6 @@
 PHP FFMpeg documentation
 ========================
 
-.. toctree::
-   :hidden:
-   :maxdepth: 4
-
-   Recipes
-
 Introduction
 ------------
 
@@ -93,6 +87,11 @@ Recipes
 
 You'll find usefull recipes in our :doc:`Recipes`
 
+.. toctree::
+   :maxdepth: 4
+
+   Recipes
+
 Handling Exceptions
 -------------------