diff --git a/app/domain/urls.ts b/app/domain/urls.ts
index 498ba615..0f883207 100644
--- a/app/domain/urls.ts
+++ b/app/domain/urls.ts
@@ -44,6 +44,7 @@ interface CountrySpecificUrls {
   apiDocs: string;
   statistics: string;
   limit: string;
+  landing: string;
 }
 
 type Urls = {
@@ -60,6 +61,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/estadisticas',
+    landing: '/landing',
     limit: '/limit'
   },
   au: {
@@ -71,6 +73,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   bd: {
@@ -82,6 +85,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   br: {
@@ -93,6 +97,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/estatisticas',
+    landing: '/landing',
     limit: '/limit'
   },
   ca: {
@@ -104,6 +109,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   cl: {
@@ -115,6 +121,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/estadisticas',
+    landing: '/landing',
     limit: '/limit'
   },
   co: {
@@ -126,6 +133,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/estadisticas',
+    landing: '/landing',
     limit: '/limit'
   },
   cz: {
@@ -137,6 +145,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistiky',
+    landing: '/landing',
     limit: '/limit'
   },
   de: {
@@ -148,6 +157,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistiken',
+    landing: '/landing',
     limit: '/limit'
   },
   dk: {
@@ -159,6 +169,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistikker',
+    landing: '/landing',
     limit: '/limit'
   },
   en: {
@@ -170,6 +181,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   es: {
@@ -181,6 +193,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/estadisticas',
+    landing: '/landing',
     limit: '/limit'
   },
   fr: {
@@ -192,6 +205,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistiques',
+    landing: '/landing',
     limit: '/limit'
   },
   id: {
@@ -203,6 +217,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistik',
+    landing: '/landing',
     limit: '/limit'
   },
   in: {
@@ -214,6 +229,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   it: {
@@ -225,6 +241,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistiche',
+    landing: '/landing',
     limit: '/limit'
   },
   lt: {
@@ -236,6 +253,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistika',
+    landing: '/landing',
     limit: '/limit'
   },
   mt: {
@@ -247,6 +265,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   mx: {
@@ -258,6 +277,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/estadisticas',
+    landing: '/landing',
     limit: '/limit'
   },
   my: {
@@ -269,6 +289,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistik',
+    landing: '/landing',
     limit: '/limit'
   },
   ng: {
@@ -280,6 +301,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   nl: {
@@ -291,6 +313,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistieken',
+    landing: '/landing',
     limit: '/limit'
   },
   no: {
@@ -302,6 +325,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistikk',
+    landing: '/landing',
     limit: '/limit'
   },
   np: {
@@ -313,6 +337,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   ph: {
@@ -324,6 +349,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   pt: {
@@ -335,6 +361,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/estatistica',
+    landing: '/landing',
     limit: '/limit'
   },
   ro: {
@@ -346,6 +373,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistici',
+    landing: '/landing',
     limit: '/limit'
   },
   se: {
@@ -357,6 +385,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistik',
+    landing: '/landing',
     limit: '/limit'
   },
   sg: {
@@ -368,6 +397,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   sk: {
@@ -379,6 +409,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistiky',
+    landing: '/landing',
     limit: '/limit'
   },
   tr: {
@@ -390,6 +421,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/istatistikler',
+    landing: '/landing',
     limit: '/limit'
   },
   ua: {
@@ -401,6 +433,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   },
   us: {
@@ -412,6 +445,7 @@ export const countrySpecificUrls: Urls = {
     api: '/api',
     apiDocs: '/api-docs',
     statistics: '/statistics',
+    landing: '/landing',
     limit: '/limit'
   }
 };
diff --git a/app/openAPI/reports.swagger.ts b/app/openAPI/reports.swagger.ts
index f61be6e2..11e9c349 100644
--- a/app/openAPI/reports.swagger.ts
+++ b/app/openAPI/reports.swagger.ts
@@ -48,3 +48,20 @@ export const getReportsCsv = {
     }
   }
 };
+
+export const getCountries = {
+  tags: ['Countries'],
+  description: 'Returns list of countries where coronastatus is available',
+  operationId: 'getCountries',
+  version: '0.0.1',
+  responses: {
+    '200': {
+      description: 'Countries',
+      content: {
+        'application/json': {
+          schema: {}
+        }
+      }
+    }
+  }
+};
diff --git a/app/repository/CountryRepository.ts b/app/repository/CountryRepository.ts
new file mode 100644
index 00000000..953e3c09
--- /dev/null
+++ b/app/repository/CountryRepository.ts
@@ -0,0 +1,58 @@
+/* eslint-disable global-require, import/no-dynamic-require */
+import { readdirSync, Dirent } from 'fs';
+import path from 'path';
+import { Config, CountrySpecificTexts, Coordinate } from '../domain/types';
+import { CountryCode } from '../domain/urls';
+
+const countriesDir = path.join(__dirname, '..', 'countrySpecific');
+
+interface Country {
+  url: string;
+  countryCode: CountryCode;
+  mapCenter: Coordinate;
+  countryName: string;
+}
+
+interface ConfigFile {
+  countrySpecificConfig: Config;
+}
+
+interface TextVariablesFile {
+  countrySpecificTexts: CountrySpecificTexts;
+}
+
+const readFromFile = <T>(dirent: Dirent, fileName: string): T =>
+  require(`../countrySpecific/${dirent.name}/${fileName}`);
+
+export class CountryRepository {
+  private countries: Country[];
+
+  constructor() {
+    console.log('Reading countries from files...');
+    this.countries = this.readCountriesFromFiles();
+  }
+
+  private readCountriesFromFiles = (): Country[] =>
+    readdirSync(countriesDir, { withFileTypes: true })
+      .filter(dirent => dirent.isDirectory())
+      .map(dirent => {
+        const { countrySpecificConfig } = readFromFile<ConfigFile>(
+          dirent,
+          'config.ts'
+        );
+        const { countrySpecificTexts } = readFromFile<TextVariablesFile>(
+          dirent,
+          'text-variables.ts'
+        );
+        return {
+          url: countrySpecificConfig.BASE_URL,
+          countryCode: countrySpecificConfig.COUNTRY_CODE,
+          mapCenter: countrySpecificConfig.MAP_CENTER,
+          countryName: countrySpecificTexts.COUNTRY_NAME
+        };
+      });
+
+  public getCountries(): Country[] {
+    return this.countries;
+  }
+}
diff --git a/app/routes/api-routes.ts b/app/routes/api-routes.ts
index 371ee85b..04a0d631 100644
--- a/app/routes/api-routes.ts
+++ b/app/routes/api-routes.ts
@@ -19,9 +19,11 @@ import {
   SmokingHabit,
   IsolationStatus
 } from '../domain/types';
+import { CountryRepository } from '../repository/CountryRepository';
 
 const router = express.Router();
 const reportRepo = new CovidReportRepository();
+const countryRepo = new CountryRepository();
 
 router.get('/aggregated', cors(), async (req, res) => {
   const reports = await reportRepo.getLatestCovidReports();
@@ -183,6 +185,11 @@ router.get('/reports', cors(), async (req, res) => {
   return res.json(result);
 });
 
+router.get('/countries', cors(), async (req, res) => {
+  const countries = countryRepo.getCountries();
+  res.json(countries);
+});
+
 router.get('*', (req, res) => {
   res.status(404).json({
     status: 404,
diff --git a/app/routes/various-routes.ts b/app/routes/various-routes.ts
index 2e8d15d9..6aa37103 100644
--- a/app/routes/various-routes.ts
+++ b/app/routes/various-routes.ts
@@ -24,6 +24,10 @@ router.get(urls.contributors, (req, res) => {
   return res.render('pages/contributors');
 });
 
+router.get(`${urls.landing}`, (req, res) => {
+  return res.render('pages/landing');
+});
+
 router.get(urls.limit, (req, res) => {
   return res.render('pages/limit');
 });
diff --git a/app/swagger.ts b/app/swagger.ts
index 42e1230a..32708d96 100644
--- a/app/swagger.ts
+++ b/app/swagger.ts
@@ -4,7 +4,11 @@ import {
 } from './openAPI/aggregated.swagger';
 import config from './config';
 import { countryCodeToUrls } from './domain/urls';
-import { getReports, getReportsCsv } from './openAPI/reports.swagger';
+import {
+  getReports,
+  getReportsCsv,
+  getCountries
+} from './openAPI/reports.swagger';
 
 const urls = countryCodeToUrls(config.COUNTRY_CODE);
 
@@ -53,6 +57,9 @@ export const swaggerDocument = {
     },
     '/reports/reports.csv': {
       get: getReportsCsv
+    },
+    '/countries': {
+      get: getCountries
     }
   }
 };
diff --git a/app/views/pages/landing.ejs b/app/views/pages/landing.ejs
new file mode 100644
index 00000000..9563784b
--- /dev/null
+++ b/app/views/pages/landing.ejs
@@ -0,0 +1,542 @@
+<%
+  const {
+    profile,
+    passcode,
+    baseUrl,
+    formatNumber,
+    urls
+  } = locals;
+  const shouldAddAnalytics = !locals.profile;
+%>
+<% const { show = true, menu = true, home = false, fullscreen = false, lastCommit = false, showLocaleSelector = true, tryStartOnUserLocation = false } = locals; %>
+
+<!DOCTYPE html>
+<html lang="<%= locale %>">
+<!-- <% if (lastCommit) { %>Current commit: https://github.com/BustByte/coronastatus/commits/<%= lastCommit %><% } else { %>Get our code here: https://github.com/BustByte/coronastatus<% } %>  -->
+<head>
+<%- include('partials/head') -%>
+<style>
+  body {
+    background-color: #222222;
+  }
+
+  .background-slate {
+    background-image: none;
+    background-color: #222222;
+  }
+
+  #map {
+    height: 60vh;
+    width:100%;
+    display: block;
+    position:relative;
+    top:-5%;
+    bottom:10%;
+    left:0;
+    right:0;
+  }
+
+  .country-button {
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+  }
+
+  .group:hover .group-hover\:block {
+    display: block !important;
+  }
+
+  .flag {
+    width:5vw;
+    height:5vh;
+  }
+
+  .marker {
+    background-image: url('static/images/logo-marker.png');
+    background-size: cover;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    cursor: pointer;
+  }
+
+  .mapboxgl-popup {
+    max-width: 200px;
+  }
+
+  .mapboxgl-popup-content {
+    text-align: center;
+  }
+
+  .center-80 {
+    width:80%;
+    margin-left: 10%;
+  }
+
+ 
+</style>
+<script
+  src="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js"
+  integrity="sha384-gUVjgBN2k0xDStRTBb1n9XCongQ8l5gP+wxXs1TkpusVUVFtlRFLvP88bu5wsBUp"
+  crossorigin="anonymous"
+></script>
+
+<link
+  href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css"
+  rel="stylesheet"
+/>
+</head>
+<body class="flex flex-col">
+
+  <div class="main-container flex flex-col flex-grow">
+
+  <% if (menu) { %>
+    <section class="background-slate custom-section custom-hero p-4 w-full <% if (fullscreen) { %>custom-fullscreen<% } %>">
+      <div class="custom-section-content <% if (fullscreen) { %>mx-4<% } else { %>mx-auto<% } %>">
+        <header class="py-2 flex justify-between items-center flex-wrap">
+          <div class="flex items-center">
+            <a class="flex flex-row" href="/">
+              <img src="/static/images/logo.svg" alt="icon" class="w-20 h-20 hidden sm:block" />
+              <div class="flex flex-row items-center" style="color: #F2CC20;">
+                <div
+                  class="flex flex-row flex-no-wrap text-2xl text-white sm:text-3xl font-bold whitespace-no-wrap"
+                > 
+                 <%- __("corona<span>status</span>").replace(/<span>/g, '<span class="text-cvs-gold">') %>
+                </div>
+              </div>
+            </a>
+          </div>
+          <ul class="mt-4 text-center">
+            <li class="group">
+              <button class="group inverse custom-nav-link rounded-full text-white mt-2 font-medium px-5 md:text-base" onclick="toggleCountryLinks()">
+                <span class="firstlevel"><%= __("Contribute now!") %> 🌍</span>
+              </button>
+
+              <ul id="country-links-container" class="absolute p-2 rounded-lg shadow-lg bg-white z-10 hidden group-hover:block">
+                <svg class="block fill-current text-white w-4 h-4 ml-3 -mt-3 z-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path></svg>
+              
+            </ul>
+            </li>
+          </ul>
+        </header>
+      </div>
+    </section>
+  <% } %>
+
+
+  <section class="custom-section custom-hero p-4 background-slate">
+  <div class="text-center mx-auto">
+    <h1
+      class="my-4 text-2xl md:text-3xl lg:text-4xl lg:mx-20 font-medium text-cvs-green-light leading-tight"
+    >
+      <%- __("Help us <span>uncover</span> and <span>predict</span> the corona spread across the world").replace(/<span>/g, '<span class="text-cvs-gold">') %>
+    </h1>
+  
+  </div>
+  </section>
+  
+
+
+  <section class="custom-section custom-hero background-slate">
+
+    <div class="text-center" id="current-country"></div>
+    <div>
+    <div id="map"></div>
+    <div class="flex items-center justify-center py-2 text-sm text-cvs-green font-bold">
+      <span class="mr-4 opacity-75 leading-none"><%= __("Animation") %>:</span>
+      <button id="animation-control" class="border-none px-4" onclick="toggleAnimation()">
+        <svg class="fill-current text-cvs-gold h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5 4h3v12H5V4zm7 0h3v12h-3V4z"/></svg>
+      </button>
+    </div>
+  </section>
+
+
+
+
+  <section class="custom-section custom-hero p-4 background-slate mt-8">
+
+    <h3 class="center-80 mt-4 text-center text-base text-white border-b-2 border-cvs-red mt-2 font-medium text-xl md:text-3xl px-5">
+      <%- __("How can I <span>contribute</span>?").replace(/<span>/g, '<span class="text-cvs-gold">') %>
+    </h3>
+      
+
+    <div class=" flex flex-wrap flex-row justify-around m-2 md:m-8" >
+      <div class="text-center flex flex-col items-center w-full md:w-1/3 p-4 mt-8 md:mt-0">
+        <h1 class="text-cvs-gold m-2 text-3xl md:text-5xl"><%= __("1. Survey") %></h1>
+        <p class="text-white"><%= __("Select your *country and fill out the anonymous survey.") %></p>
+        <ul class="mt-8 text-center">
+          <li class="group">
+            <button class="inverse custom-nav-link rounded-full text-white m-2 font-medium px-5 md:text-base" onclick="jumpToCountryLinks()">
+              <%= __("Contribute now!") %> 🌍
+            </button>
+          </li>
+        </ul>
+      </div>
+      <div class="text-center flex flex-col items-center w-full md:w-1/3 p-4 mt-8 md:mt-0">
+        <h1 class="text-cvs-gold m-2 text-3xl md:text-5xl"><%= __("2. Share") %></h1>
+        <p class="text-white"><%= __("Share the link with your friends, family, and encourage them to fill it in.") %></p>
+        <%- include('partials/share', { amount: formatNumber(10000) }) -%>
+      </div>
+      <div class="text-center flex flex-col items-center w-full md:w-1/3 p-4 mt-8 md:mt-0">
+        <h1 class="text-cvs-gold m-2 text-3xl md:text-5xl"><%= __("3. Build") %></h1>
+        <p class="text-white"><%= __("Don't see your country on the map?") %><br><a class="text-cvs-gold hover:underline" href="https://github.com/BustByte/coronastatus#how-to-launch-the-site-in-your-country">Why not set it up?</a> We can help you do it.</p>
+        <a
+        href="https://github.com/BustByte/coronastatus"
+        target="_blank"
+        class="footer-logo-link mt-4"
+      >
+        <img
+          src="/static/images/github.svg"
+          alt=""
+          class="footer-logo-link__img mt-4 h-12 w-12 lg:h-16 lg:w-16"
+        />
+      </a>
+      </div>
+    </div>
+
+  </section>
+
+  <section class="custom-section custom-hero p-4 background-slate mt-8">
+
+
+    <h3 class="center-80 mt-4 text-center text-base text-white border-b-2 border-cvs-red mt-2 font-medium text-xl md:text-3xl px-5">
+      <%- __("About corona<span>status</span>").replace(/<span>/g, '<span class="text-cvs-gold">') %>
+    </h3>
+      
+    <div class="my-8 flex flex-row flex-wrap justify-between">
+        
+        
+      <%- include('partials/app-feature-block', {
+        image: '/static/images/hospital.svg',
+        title: __('Unreported cases'),
+        description: __('The spread of COVID-19 in our world is unknown. Help us create a better overview.')
+      }) -%>
+  
+      <%- include('partials/app-feature-block', {
+        image: '/static/images/doctor.svg',
+        title: __('Contribute anonymously'),
+        description: __('Report your health condition anonymously')
+      }) -%>
+  
+      <%- include('partials/app-feature-block', {
+        image: '/static/images/research.svg',
+        title: __('Insight for everyone'),
+        description: __('The data is open to everyone. Look at maps and graphs, or download the data and create your own visualizations.')
+      }) -%>
+  
+      <%- include('partials/app-feature-block', {
+        image: '/static/images/mobile.svg',
+        title: __('Everything is open'),
+        description: __('The website is open source and built by volunteers. Feel free to join.')
+      }) -%>
+    </div>
+  </section> 
+
+
+
+  <footer class="custom-section custom-section-footer p-8 pt-12">
+    <div
+      class="custom-section-content mx-auto custom-section-footer-content flex flex-col items-center"
+    >
+      <a
+        href="https://github.com/BustByte/coronastatus"
+        target="_blank"
+        class="footer-logo-link m-6"
+      >
+        <img
+          src="/static/images/github.svg"
+          alt=""
+          class="footer-logo-link__img mt-12 h-12 w-12 lg:h-16 lg:w-16"
+        />
+      </a>
+      <div
+        class="flex flex-row justify-between flex-wrap items-center self-stretch mt-8 text-base lg:text-xl text-center"
+      >
+        <% if (locals.twitter) { %>
+        <a
+          class="text-white font-medium whitespace-no-wrap"
+          href="https://twitter.com/intent/user?screen_name=<%= locals.twitter %>"
+          target="_blank"
+          >@<%= locals.twitter %></a
+        >
+        <% } %>
+        <span
+          class="text-white font-medium text-left md:text-center md:whitespace-no-wrap"
+        >
+          <%= __('Developed by')%>
+          <a target="_blank" class="font-bold hover:text-cvs-red hover:underline" href="https://bustbyte.no"
+            ><%= __('BustByte AS')%></a
+          >
+          <%= __('and') %>
+          <a class="font-bold hover:text-cvs-red hover:underline" href="<%= urls.contributors %>">
+            <%= __('volunteers')%>
+          </a>
+        </span>
+        <a
+          class="text-white hover:text-cvs-red font-bold hover:underline whitespace-no-wrap"
+          href="<%= urls.privacyPolicy %>"
+          ><%= __('Privacy Policy')%></a
+        >
+      </div>
+
+      <div
+        class="flex items-center justify-center self-stretch mt-4 mb-8 text-sm lg:text-base text-center"
+      >
+        <img src="/static/images/analytics.svg" alt="Provided by Simple Analytics" class="mr-2" />
+          <a target="_blank" class="font-bold text-white hover:text-cvs-red hover:underline" href="https://simpleanalytics.com/<%= baseUrl %><% if (!shouldAddAnalytics) { %>?ref=<%= baseUrl %><% } %>"
+          ><%= __('View Website Statistics')%></a
+        >
+      </div>
+
+    </div>
+  </footer>
+
+
+
+
+<script>
+  function hasSubmittedAlertOnClick() {
+      document.getElementById('has-submitted-alert').style.display = 'none';
+      window.localStorage.setItem("hasCrossedOutInfo", "true");
+  }
+
+  if ((window.localStorage.getItem("hasSubmittedProfile") === "true"
+      || window.localStorage.getItem("isUsingPasscodeLink") === "true")
+      && window.localStorage.getItem("hasCrossedOutInfo") !== "true"
+      && window.location.pathname.indexOf("helsetilstand") === -1) {
+      document.getElementById('has-submitted-alert').style.display = 'flex';
+  }
+
+  var symptoms = document.querySelectorAll('input[name^="symptom-"]:checked');
+  if (symptoms != null && symptoms.length > 0) {
+    document.getElementById('symptom-start-question').style.display = 'block';
+  }
+
+  changeTestResultDisplay(document.getElementById("been-tested-yes").checked);
+
+  var hasPasscodeCookie = document.cookie.includes('passcode');
+  document.getElementById('accept-remember').checked = hasPasscodeCookie;
+</script>
+
+<script>
+  (function scrollCallToAction() {
+    document.querySelectorAll('[href="#contribute"]').forEach(function(element) {
+      element.addEventListener("click", function(event) {
+        event.preventDefault();
+        document.getElementById("contribute").scrollIntoView({ behavior: "smooth" });
+      });
+    });
+  })()
+</script>
+
+<script>
+  // Obfuscate path so people will not share their personal URL
+  var obfuscatePath = true;
+</script>
+
+<script
+  src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.15.0/d3.min.js"
+  integrity="sha384-gWG9VgK097eQTR3sCV4vOFl+vCZUZpKoV6cidldSSoI/ThCG5Yvl0EBknaGZsd5L"
+  crossorigin="anonymous"
+></script>
+<script>
+  var map = new mapboxgl.Map({
+    container: 'map',
+    style: '/static/landing-map-theme.json',
+    zoom: 2,
+    maxZoom: 4,
+    hash: true,
+    scrollZoom      : false,
+    boxZoom         : false,
+    doubleClickZoom : false
+  });
+
+  var markers = {};
+  var markersOnScreen = {};
+
+  function updateMarkers() {
+    var newMarkers = {};
+    var features = map.querySourceFeatures('reports');
+    totals = getPointCount(features);
+    features.forEach(function(feature) {
+      var coordinates = feature.geometry.coordinates;
+      var props = feature.properties;
+      if (!props.cluster) {
+        return;
+      }
+      var id = props.cluster_id;
+      var marker = markers[id];
+      if (!marker) {
+        marker = markers[id] = new mapboxgl.Marker({
+          element: el
+        }).setLngLat(coordinates);
+      }
+
+      newMarkers[id] = marker;
+
+      if (!markersOnScreen[id]) {
+        marker.addTo(map);
+      }
+    });
+
+    for (id in markersOnScreen) {
+      if (!newMarkers[id]) {
+        markersOnScreen[id].remove();
+      }
+    }
+    markersOnScreen = newMarkers;
+  }
+
+  
+  map.on('data', function(e) {
+    if (e.sourceId !== 'reports' || !e.isSourceLoaded) return;
+
+    map.on('move', updateMarkers);
+    map.on('moveend', updateMarkers);
+    updateMarkers();
+  });
+
+  
+</script>
+
+
+<script>
+  function toggleCountryLinks () {
+    /* This is a second way to access the list of country links because hover doesn't work on mobile */
+    var con = document.getElementById("country-links-container");
+    if (con.classList.contains("hidden")) {
+      con.classList.remove("hidden");
+    } else {
+      con.classList.add("hidden");
+    }
+  }
+
+  function jumpToCountryLinks() {
+    //used by the second Contribute now button under 1. Survey
+    window.scrollTo(0,0);
+    toggleCountryLinks();
+    document.getElementById("country-links-container").focus(); 
+  }
+
+  function createCountryButton(i, container) {
+    var li = document.createElement("li");
+    li.classList.add("p-4");
+    li.classList.add("whitespace-no-wrap");
+    li.classList.add("m-2");
+    li.classList.add("md:text-base");
+    li.classList.add("text-sm");
+    li.classList.add("text-gray-600");
+    li.classList.add("hover:text-gray-800");
+    li.classList.add("hover:bg-gray-100");
+    li.id = i+"-item";
+
+    var a = document.createElement("a");
+    a.classList.add("px-2");
+    a.classList.add("py-1");
+    a.href = "http://"+countries[i].url;
+
+    var span = document.createElement("span");
+    span.innerText = countries[i].countryName;
+    a.appendChild(span);
+
+    li.style.backgroundImage = "url(static/flags/1x1/"+countries[i].countryCode+".svg)";
+    li.style.backgroundRepeat = "no-repeat";
+
+    li.append(a);
+    container.appendChild(li);
+  }
+
+  function createMarkerObject(i) {
+    countries[i].flag = 'static/flags/1x1/'+countries[i].countryCode+'.svg'
+    countries[i].mapCenter = [countries[i].mapCenter.lon, countries[i].mapCenter.lat];
+  }
+
+  function plotMarkers() {
+    console.log(countries);
+    for (var i = 0; i < countries.length; i++) {
+      var el = document.createElement('div');
+      el.className = 'marker';
+      new mapboxgl.Marker(el)
+      .setLngLat(countries[i].mapCenter)
+      .setPopup(new mapboxgl.Popup({ offset: 25 })
+      .setHTML('<h3 class="p-5"><a href="http://' + countries[i].url + '">' + countries[i].countryName + '</a></h3>'))
+      .addTo(map);
+    };
+  }
+  
+  function processCountriesJson () {
+    var container = document.getElementById("country-links-container");
+    for (i = 0; i < countries.length; i++){
+      createCountryButton(i, container);
+      createMarkerObject(i);
+    };
+    plotMarkers();
+  }
+
+  function getLocation() {
+    <% if (locals.tryStartOnUserLocation) { %>
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition((result) => {
+          if (result.coordinates) {
+            showPosition([result.coordinates.longitude, result.coordinates.latitude]);
+          }
+        });
+      } 
+    <% } %>
+    //whether or not getting the location worked we start cycling countries after 5 seconds
+    window.setTimeout(function () {
+      playback(0);
+    },5000)
+  }
+
+  function showPosition(position) {
+      map.flyTo({
+        zoom: 4,
+        center: position,
+        essential: true
+      });
+  }
+
+  var currentCountry = document.getElementById("current-country");
+  var play = true;
+  function playback(index) {
+    currentCountry.innerHTML = "<div class=\"flex flex-wrap items-center justify-center pb-6 text-white text-xl font-bold\"><div class='w-full sm:w-auto flex items-center justify-center'><img class=\"h-5 w-6 mr-4\" src='"
+    +countries[index].flag
+    +"'>"
+    +countries[index].countryName
+    +"</div><span class=\"px-4 hidden sm:block\">|</span><div class=\"w-full sm:w-auto text-base sm:text-xl\"><a href='http://"
+    +countries[index].url
+    +"'>"
+    +countries[index].url.replace("status","<span class='text-cvs-gold'>status</span>")
+    +"</a></div></div>";
+    showPosition(countries[index].mapCenter);
+    map.once('moveend', function() {
+    window.setTimeout(function() {
+      index = index + 1 === countries.length ? 0 : index + 1;
+      if (play) {
+        playback(index);
+      }
+    }, 3500); 
+    });
+  }
+
+  function toggleAnimation() {
+    if (play) {
+      play = false;
+      document.getElementById("animation-control").innerHTML = '<svg class="fill-current text-cvs-gold h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M4 4l12 6-12 6z"/></svg>';
+    } else {
+      play = true;
+      document.getElementById("animation-control").innerHTML = '<svg class="fill-current text-cvs-gold h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5 4h3v12H5V4zm7 0h3v12h-3V4z"/></svg>';
+      playback(Math.floor(Math.random() * countries.length));
+    }
+  }
+  var countries = new XMLHttpRequest();
+  countries.addEventListener("load", () => {
+    countries = JSON.parse(countries.responseText);
+    processCountriesJson();
+    getLocation();
+  });
+  countries.open("GET", "api/countries");
+  countries.send();
+</script>
\ No newline at end of file
diff --git a/static/images/logo-marker.png b/static/images/logo-marker.png
new file mode 100644
index 00000000..28100e82
Binary files /dev/null and b/static/images/logo-marker.png differ
diff --git a/static/landing-map-theme.json b/static/landing-map-theme.json
new file mode 100644
index 00000000..17f57d18
--- /dev/null
+++ b/static/landing-map-theme.json
@@ -0,0 +1,553 @@
+{
+  "version": 8,
+  "name": "Alidade Smooth",
+  "metadata": {
+    "mapbox:autocomposite": false,
+    "mapbox:groups": {
+      "101da9f13b64a08fa4b6ac1168e89e5f": {
+        "collapsed": false,
+        "name": "Places"
+      },
+      "a14c9607bc7954ba1df7205bf660433f": {"name": "Boundaries"},
+      "b6371a3f2f5a9932464fa3867530a2e5": {
+        "collapsed": false,
+        "name": "Transportation"
+      }
+    },
+    "mapbox:type": "template",
+    "openmaptiles:mapbox:owner": "openmaptiles",
+    "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t",
+    "openmaptiles:version": "3.x",
+    "maputnik:renderer": "mbgljs"
+  },
+  "center": [10.184401828277087, -1.1368683772161605e-13],
+  "zoom": 0.8902641636539237,
+  "bearing": 0,
+  "pitch": 0,
+  "sources": {
+    "openmaptiles": {
+      "type": "vector",
+      "url": "https://tiles.stadiamaps.com/data/openmaptiles.json"
+    }
+  },
+  "sprite": "https://tiles.stadiamaps.com/styles/alidade-smooth/sprite",
+  "glyphs": "https://tiles.stadiamaps.com/fonts/{fontstack}/{range}.pbf",
+  "layers": [
+    {
+      "id": "background",
+      "type": "background",
+      "paint": {"background-color": "hsl(0, 0%, 20%)"}
+    },
+    {
+      "id": "park_fill",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "park",
+      "filter": ["==", "$type", "Polygon"],
+      "layout": {"visibility": "visible"},
+      "paint": {"fill-color": "hsla(109, 41%, 55%, 8%)"}
+    },
+    {
+      "id": "landcover_ice_shelf",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "landcover",
+      "maxzoom": 8,
+      "filter": [
+        "all",
+        ["==", "$type", "Polygon"],
+        ["==", "subclass", "ice_shelf"]
+      ],
+      "layout": {"visibility": "visible"},
+      "paint": {"fill-color": "hsla(0, 0%, 75%, 60%)", "fill-opacity": 0.7}
+    },
+    {
+      "id": "landcover_glacier",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "landcover",
+      "maxzoom": 8,
+      "filter": [
+        "all",
+        ["==", "$type", "Polygon"],
+        ["==", "subclass", "glacier"]
+      ],
+      "layout": {"visibility": "visible"},
+      "paint": {
+        "fill-color": "hsla(0, 0%, 75%, 50%)",
+        "fill-opacity": {"base": 1, "stops": [[0, 1], [8, 0.5]]}
+      }
+    },
+    {
+      "id": "landuse_residential",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "landuse",
+      "maxzoom": 16,
+      "filter": [
+        "all",
+        ["==", "$type", "Polygon"],
+        ["==", "class", "residential"]
+      ],
+      "layout": {"visibility": "visible"},
+      "paint": {
+        "fill-color": "hsla(60, 8%, 22%, 20%)",
+        "fill-opacity": {"base": 0.6, "stops": [[8, 0.8], [9, 0.6]]}
+      }
+    },
+    {
+      "id": "landcover_wood",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "landcover",
+      "minzoom": 10,
+      "filter": ["all", ["==", "$type", "Polygon"], ["==", "class", "wood"]],
+      "layout": {"visibility": "visible"},
+      "paint": {
+        "fill-color": "hsla(120, 23%, 59%, 10%)",
+        "fill-opacity": {"base": 1, "stops": [[8, 0], [12, 1]]}
+      }
+    },
+    {
+      "id": "landcover_park",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "landcover",
+      "minzoom": 10,
+      "filter": ["all", ["==", "$type", "Polygon"], ["==", "subclass", "park"]],
+      "layout": {"visibility": "visible"},
+      "paint": {
+        "fill-color": "hsla(120, 23%, 55%, 8%)",
+        "fill-opacity": {"base": 1, "stops": [[8, 0], [12, 0.8]]}
+      }
+    },
+    {
+      "id": "boundary_state",
+      "type": "line",
+      "metadata": {"mapbox:group": "a14c9607bc7954ba1df7205bf660433f"},
+      "source": "openmaptiles",
+      "source-layer": "boundary",
+      "minzoom": 4,
+      "filter": ["==", "admin_level", 4],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-blur": 0.4,
+        "line-color": "hsla(353, 34%, 80%, 30%)",
+        "line-dasharray": [2, 2],
+        "line-opacity": 1,
+        "line-width": {"base": 1.3, "stops": [[3, 1], [22, 15]]}
+      }
+    },
+    {
+      "id": "boundary_country",
+      "type": "line",
+      "metadata": {"mapbox:group": "a14c9607bc7954ba1df7205bf660433f"},
+      "source": "openmaptiles",
+      "source-layer": "boundary",
+      "filter": ["==", "admin_level", 2],
+      "layout": {"line-cap": "round", "line-join": "round"},
+      "paint": {
+        "line-blur": {"base": 1, "stops": [[0, 0.4], [22, 4]]},
+        "line-color": "hsla(353, 34%, 80%, 30%)",
+        "line-opacity": 1,
+        "line-width": {"base": 1.1, "stops": [[3, 1], [22, 20]]}
+      }
+    },
+    {
+      "id": "water",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "water",
+      "filter": ["==", "$type", "Polygon"],
+      "layout": {"visibility": "visible"},
+      "paint": {"fill-antialias": true, "fill-color": "#222"}
+    },
+    {
+      "id": "waterway",
+      "type": "line",
+      "source": "openmaptiles",
+      "source-layer": "waterway",
+      "filter": ["==", "$type", "LineString"],
+      "layout": {"visibility": "visible"},
+      "paint": {"line-color": "#222"}
+    },
+    {
+      "id": "building",
+      "type": "fill",
+      "source": "openmaptiles",
+      "source-layer": "building",
+      "minzoom": 12,
+      "filter": ["==", "$type", "Polygon"],
+      "paint": {
+        "fill-antialias": true,
+        "fill-color": "hsl(95, 5%, 22%)",
+        "fill-outline-color": "hsla(0, 0%, 40%, 50%)"
+      }
+    },
+    {
+      "id": "tunnel_motorway_casing",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 6,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["all", ["==", "brunnel", "tunnel"], ["==", "class", "motorway"]]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "miter",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(0, 0%, 40%, 20%)",
+        "line-opacity": 1,
+        "line-width": {"base": 1.4, "stops": [[5.8, 0], [6, 3], [20, 35]]}
+      }
+    },
+    {
+      "id": "tunnel_motorway_inner",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 6,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["all", ["==", "brunnel", "tunnel"], ["==", "class", "motorway"]]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(60, 1%, 21%, 10%)",
+        "line-width": {"base": 1.4, "stops": [[4, 2], [6, 1.3], [20, 30]]}
+      }
+    },
+    {
+      "id": "highway_path",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["in", "class", "path", "construction"]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsl(0, 0%, 30%)",
+        "line-opacity": 0.9,
+        "line-width": {"base": 1.2, "stops": [[13, 1], [20, 10]]}
+      }
+    },
+    {
+      "id": "highway_minor",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 8,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["in", "class", "minor", "service", "track"]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": {
+          "base": 1,
+          "stops": [[13, "hsl(0, 0%, 32%)"], [16, "hsl(0, 0%, 30%)"]]
+        },
+        "line-opacity": 0.9,
+        "line-width": {"base": 1.55, "stops": [[13, 1], [18, 8]]}
+      }
+    },
+    {
+      "id": "highway_major_casing",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["in", "class", "primary", "secondary", "tertiary", "trunk"]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "miter",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(0, 0%, 30%, 80%)",
+        "line-dasharray": [12, 0],
+        "line-width": {"base": 1.3, "stops": [[10, 3], [20, 20]]}
+      }
+    },
+    {
+      "id": "highway_major_inner",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["in", "class", "primary", "secondary", "tertiary", "trunk"]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(60, 1%, 16%, 90%)",
+        "line-width": {"base": 1.3, "stops": [[10, 2], [20, 18]]}
+      }
+    },
+    {
+      "id": "highway_major_subtle",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "maxzoom": 12,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["in", "class", "primary", "secondary", "tertiary", "trunk"]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {"line-color": "hsla(0, 0%, 32%, 70%)", "line-width": 1}
+    },
+    {
+      "id": "highway_motorway_casing",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 6,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        [
+          "all",
+          ["!in", "brunnel", "bridge", "tunnel"],
+          ["==", "class", "motorway"]
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "miter",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(0, 0%, 30%, 80%)",
+        "line-dasharray": [2, 0],
+        "line-opacity": 1,
+        "line-width": {"base": 1.4, "stops": [[5.8, 0], [6, 3], [20, 30]]}
+      }
+    },
+    {
+      "id": "highway_motorway_inner",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 6,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        [
+          "all",
+          ["!in", "brunnel", "bridge", "tunnel"],
+          ["==", "class", "motorway"]
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(60, 1%, 16%, 90%)",
+        "line-width": {"base": 1.4, "stops": [[4, 2], [6, 1.3], [20, 25]]}
+      }
+    },
+    {
+      "id": "highway_motorway_subtle",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "maxzoom": 6,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["==", "class", "motorway"]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(0, 0%, 35%, 0.53)",
+        "line-width": {"base": 1.4, "stops": [[4, 0.75], [5, 1.5]]}
+      }
+    },
+    {
+      "id": "railway_service",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 16,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["all", ["==", "class", "rail"], ["has", "service"]]
+      ],
+      "layout": {"line-join": "round", "visibility": "visible"},
+      "paint": {"line-color": "#545353", "line-width": 3}
+    },
+    {
+      "id": "railway_service_dashline",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 16,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["==", "class", "rail"],
+        ["has", "service"]
+      ],
+      "layout": {"line-join": "round", "visibility": "visible"},
+      "paint": {
+        "line-color": "#7f7d7e",
+        "line-dasharray": [3, 3],
+        "line-width": 2
+      }
+    },
+    {
+      "id": "railway",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["all", ["!has", "service"], ["==", "class", "rail"]]
+      ],
+      "layout": {"line-join": "round", "visibility": "visible"},
+      "paint": {
+        "line-color": "#545353",
+        "line-width": {"base": 1.3, "stops": [[16, 3], [20, 7]]}
+      }
+    },
+    {
+      "id": "railway_dashline",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["all", ["!has", "service"], ["==", "class", "rail"]]
+      ],
+      "layout": {"line-join": "round", "visibility": "visible"},
+      "paint": {
+        "line-color": "#7f7d7e",
+        "line-dasharray": [3, 3],
+        "line-width": {"base": 1.3, "stops": [[16, 2], [20, 6]]}
+      }
+    },
+    {
+      "id": "aeroway_line",
+      "type": "line",
+      "source": "openmaptiles",
+      "source-layer": "aeroway",
+      "filter": ["==", "$type", "LineString"],
+      "layout": {"visibility": "visible"},
+      "paint": {"line-color": "#545353"}
+    },
+    {
+      "id": "highway_motorway_bridge_casing",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 6,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["all", ["==", "brunnel", "bridge"], ["==", "class", "motorway"]]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "miter",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(0, 0%, 30%, 80%)",
+        "line-dasharray": [2, 0],
+        "line-opacity": 1,
+        "line-width": {"base": 1.4, "stops": [[5.8, 0], [6, 5], [20, 35]]}
+      }
+    },
+    {
+      "id": "highway_motorway_bridge_inner",
+      "type": "line",
+      "metadata": {"mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"},
+      "source": "openmaptiles",
+      "source-layer": "transportation",
+      "minzoom": 6,
+      "filter": [
+        "all",
+        ["==", "$type", "LineString"],
+        ["all", ["==", "brunnel", "bridge"], ["==", "class", "motorway"]]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-color": "hsla(60, 1%, 16%, 90%)",
+        "line-width": {"base": 1.4, "stops": [[4, 2], [6, 1.3], [20, 30]]}
+      }
+    }
+  ],
+  "id": "ciwf3o3u2008z2pmq7pmvm6xq"
+}
\ No newline at end of file