diff --git a/css/app.css b/css/app.css
index 4787ed863e..5dc196a118 100644
--- a/css/app.css
+++ b/css/app.css
@@ -47,7 +47,7 @@ body {
 h2 {
     margin: 0;
     transform: rotate(-45deg);
-    transition: transform 0.5s;
+    transition: transform 1.0s;
     text-shadow: 0 0 5px #01579b;
 }
 
@@ -58,3 +58,15 @@ h2 {
 #barcelona {
     background-color: #800000;
 }
+
+#florida {
+    background-color: #03a9f4;
+}
+
+#paris {
+    background-color: #d3d3d3;
+}
+
+#scotland {
+    background-color: #388e3c;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 0ae0e85171..7fa557cf49 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,18 @@ <h2>Belize</h2>
             <div class="destination" id="barcelona">
                 <h2>Barcelona</h2>
             </div>
+
+            <div class="destination" id="florida">
+                <h2>Forida</h2>
+            </div>
+
+            <div class="destination" id="paris">
+                <h2>Paris</h2>
+            </div>
+
+            <div class="destination" id="scotland">
+                <h2>Scotland</h2>
+            </div>
         </div>
     </div>