I am going to sound really stupid now but I don't know how to save my files as UTF-8 encoded. I already have
meta charset="UTF-8"> in the file see below
<!DOCTYPE html>
<html lang="en">
<title>Picturesque Peloponnese</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="DESCRIPTION" content="The Peloponnese in Greece, has archaeology at its best, endless beaches, caves, waterfalls, churches and monasteries, forts and castles galore.">
<meta name="KEYWORDS" content="picturesque-peloponnese">
<link rel="stylesheet" href="w3.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="fontawesome/css/all.css" type="text/css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<body>