<html lang="en-US">
<head>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style>
.h1 {
font-family : Segoe UI;
font-style : normal;
font-weight : 600;
font-size : 28px;
line-height : 37px;
text-align : center;
color : #000000;
margin : 0 auto;
margin-bottom : 7px;
}
p {
font-family : Segoe UI;
font-style : normal;
font-weight : normal;
font-size : 14px;
line-height : 19px;
text-align : center;
color : #000000;
margin : 0 auto;
}
body {
background : #fff;
display : flex;
align-items : flex-end;
justify-content : center;
flex-wrap : wrap;
margin-top : auto;
height : 100%;
margin-left : 0;
margin-right : 0;
}
.pot {
text-align : center;
width : 100%;
}
.pot img {
width : 100%;
height : auto;
max-width : 100%;
}
p {
margin : 0px
}
.main {
text-align : center;
}
ul {
text-align : center;
display : inline-block;
margin-left : -30px;
}
ul li {
text-align : left;
}
</style>
<title>
Page Not Found
</title>
</head>
<body>
<div aria-live="polite" class="main">
<h1 class="h1">
Page Not Found
</h1>
<p>
We're sorry, but the page you were trying to view doesn't exist.
</p>
<p>
It looks like this was the result of either:
</p>
<ul>
<li>
a mistyped address
</li>
<li>
an out-of-date link
</li>
</ul>
</div>
<div class="pot">
<img role="presentation" src="/img/pot.png">
</div>
<script type="text/javascript">
</script>
</body>
</html>