Update: Maps

assets/scss/main.scss

@@ -1,12 +1,12 @@
 
 // Globals
-$container-max-widths: (
+/* $container-max-widths: (
   sm: 540px,
   md: 720px,
   lg: 960px,
   xl: 1140px,
   xxl: 1520px 
-);
+); */
 
 // Imports
 @import "node_modules/bootstrap/scss/bootstrap";
@@ -131,8 +131,13 @@ p {
 	margin-block-start: 0;
 	margin-block-end: 0;
 	padding-bottom: 20px;
+
+    a {
+        color:$van-emous-orange;
+    }
 }
 
+
 .panel {
     border-radius: 40px;
 }
@@ -159,6 +164,10 @@ p {
     font-weight: 400; 
 }
 
+.rounded-img {
+    border-radius: 20px;;
+}
+
 // Menu
 .top-bar {
     background-color: #a8bbd5;
@@ -189,9 +198,20 @@ p {
 	backdrop-filter: blur(4px);
 }
 
-@keyframes fadeIn {
-    from { opacity: 0; transform: translateY(10px); }
-    to { opacity: 1; transform: translateY(0); }
+// Animation
+[data-aos^="fade"][data-aos^="fade"] {
+    transition-property: opacity, transform;
+}
+
+[data-aos="fade-up"] { transform: translateY(30px) !important; }
+[data-aos="fade-down"] { transform: translateY(-30px) !important; }
+
+[data-aos="fade-left"] { transform: translateX(30px) !important; }
+[data-aos="fade-right"] { transform: translateX(-30px) !important; }
+
+[data-aos].aos-animate {
+    transform: translate(0) !important;
+    opacity: 1;
 }
 
 .dropdown-menu {
@@ -444,6 +464,11 @@ p {
     }
 }
 
+// Forms
+.form-control {
+    padding: 16px 22px;
+}
+
 // Map
 #col-map {
     transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
@@ -462,6 +487,49 @@ p {
     transform: translateX(0) !important;
 }
 
+.ol-control {
+    background: none !important;
+}
+
+.ol-zoom {
+    display: none; 
+}
+
+.custom-zoom {
+    bottom: 20px;
+    right: 20px; 
+    top: auto;
+    left: auto; 
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    background: none;
+}
+
+.custom-zoom button {
+    background-color: #fff !important;
+    color: $van-emous-orange !important;
+    border: none !important;
+    border-radius: 5px !important;
+    margin-bottom: 5px !important;
+    width: 30px !important;
+    height: 30px !important;
+    font-size: 1.2rem !important;
+    cursor: pointer;
+    box-shadow: none;
+}
+
+.custom-zoom button:hover {
+    background-color: $van-emous-orange !important;
+    color: #fff !important;
+}
+
+.ol-attribution {
+    right: 20px !important;
+    bottom: 10px !important;
+    display: none !important;
+}
+
 // Footer
 .footer-main {
     .footer-inner {