diff --git a/src/components/theme/View/BrowseView/BrowseMap.jsx b/src/components/theme/View/BrowseView/BrowseMap.jsx
index fefc3997..6f2575c6 100644
--- a/src/components/theme/View/BrowseView/BrowseMap.jsx
+++ b/src/components/theme/View/BrowseView/BrowseMap.jsx
@@ -10,7 +10,7 @@ const BrowseMap = () => {
 
     return (
         <React.Fragment>
-            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d252073.50646166946!2d24.240267324149645!3d45.730190540367225!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sro!4v1587553242878!5m2!1sen!2sro"
+            <iframe src="https://maps.eea.europa.eu/EEAViewer/?appid=dee1fa0f864e4f8a9e088c83231a9f02&embed=true"
                 width="100%"
                 height="900"
                 frameBorder="0"
diff --git a/theme/site/globals/site.overrides b/theme/site/globals/site.overrides
index ab79152d..5cbe2281 100644
--- a/theme/site/globals/site.overrides
+++ b/theme/site/globals/site.overrides
@@ -157,9 +157,7 @@ h1.documentFirstHeading {
   text-align: center;
 }
 
-h1.documentFirstHeading,
-h2,
-h3 {
+h1.documentFirstHeading {
   font-size: 36px;
   color: @primaryColor;
   font-weight: @extraBold;
@@ -170,6 +168,22 @@ h3 {
   }
 }
 
+h2,h3,h4 {
+  line-height: 1.5;
+  font-weight: 600;
+}
+h2 {
+  font-size: 2.2rem;
+}
+
+h3 {
+  font-size: 1.8rem;
+}
+
+h4 {
+  font-size: 1.5rem;
+}
+
 p {
   color: @bodyColor;
   font-weight: @lightWeight;
@@ -211,6 +225,11 @@ p {
     text-align: center !important;
     border-width: 1px;
     font-weight: @lightWeight;
+    min-height: 46px;
+    font-size: 1.2rem;
+    text-transform: uppercase;
+    font-weight: 100;
+    margin-top: 1rem;
   }
 
   p {