<!DOCTYPE html>
<html>
<head>
	<title>(404)</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
    <style>
        body {
          background-color: #28384e;
          font-family: 'Nunito';
          text-align: center;
          line-height: 10px;
          font-size: 16px;
        }
    
        .main {
          background-color: white;
          padding: 10px;
          /* border-radius: 10px; */
          width: 700px;
          margin: 10% auto auto auto;
        }
    
        h1 {
          font-family: sans-serif;
        }
    
        p {
          font-family: sans-serif;
        }
    
        a {
          background: #58b6dd;
          color: white;
          margin-top: 10px;
          width: 100px;
          /* height: 38px; */
          font-size: 16px;
          text-transform: uppercase;
          margin: auto;
          display: inline-block;
          text-decoration: none;
          border-radius: 5px;
          padding: 19px 0px;
        }
    
        small-margin {
          margin-top: 30px;
        }
    
        @media only screen and (max-width: 420px) {
          .main {
            width: 100%;
            margin: 0;
            padding: 1px;
          }
    
          body {
            line-height: 1.2;
            font-size: 14px;
          }
    
          a {
            margin: 5px;
            width: 100px;
            font-size: 16px;
            display: inline-block;
            padding: 11px 0px;
          }
    
          small-margin {
            margin-top: 10px;
          }
        }
      </style>
</head>

<body>
<div class="main">
	<div>
		<h1> 404</h1>
		<p>That page does not exist, or you do not have the proper permissions to view it.</p>
	</div>
</div>
</body>

</html>


