diff --git a/docs/source/css.rst b/docs/source/css.rst
new file mode 100644
index 0000000..9a00ea2
--- /dev/null
+++ b/docs/source/css.rst
@@ -0,0 +1,50 @@
+CSS
+=======
+
+
+Quartz provides CSS overrides at map level.
+
+To override the default CSS, enter your CSS into the Map CSS box on the map edit page.
+
+
+   .. image:: images/CSS.png
+
+
+Example: Image Sizing
+--------------------------------
+
+To change pop-up image sizing, you can use something like below.
+
+.. code-block:: css
+
+  .leaflet-popup-content > table img {width: 300px;}
+  .leaflet-popup-content > img { width: 300px;}
+
+
+Example: Modal Info Box
+------------------------------------------
+
+To change Modal Info Box, you can use something like below.
+
+.. code-block:: css
+
+  .modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: fit-content;
+  pointer-events: auto;
+  background-clip: padding-box;
+  border-radius: 20px;
+  outline: 0;
+  background-color: cadetblue;
+  color: #fff;
+  }
+
+
+
+There is no need to add "!important" to CSS elements as map.css is loaded last and has precendence.
+
+
+
+  
\ No newline at end of file
diff --git a/docs/source/index.rst b/docs/source/index.rst
index ee00f64..bacba40 100644
--- a/docs/source/index.rst
+++ b/docs/source/index.rst
@@ -20,6 +20,7 @@ Contents
    users
    groups
    maps
+   css
    permalinks
    frontend
 
diff --git a/docs/source/intro.rst b/docs/source/intro.rst
index 235817a..88394bd 100644
--- a/docs/source/intro.rst
+++ b/docs/source/intro.rst
@@ -1,7 +1,7 @@
 Introduction
 =====
 
- .. image:: images/Quick-Start-Login-2.png
+ .. image:: images/admin-2.png
 
 
 Overview