<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>IRWIN | Page Not Found</title>

  <style type="text/css">
    body {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      padding: 0;
      margin: 0;
      text-align: center;
	  background-color:#ffcc00;
    }

    h1 {
      margin: 20px;
    }

    a {
      text-decoration: none;
    }

    .link-txt {
      color: #003366;
      transition: all 0.5s ease;
    }

     .link-txt:hover {
      color: #2b56a6;
      text-decoration: none;
    }

    .link-txt::after {
      content: "\00a0\2192";
      left: 0;
      position: relative;
      transition: all 0.5s ease;
    }

    .link-txt:hover::after {
      left: 5px;
    }

    /* HEADER */

    .header-page {
      background: #003366;
	  height:120px;
    }

    /* MAIN SECTION */

    .section-main {
      align-content: center;
      align-items: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 5%;
      height: calc(80vh - 100px);
    }
  	h1 {
		font-size:10em;
		line-height:.75em;
		color:#003366;
		margin:0;
	}
	h2 {
		font-size:3em;
		line-height:1em;
		color:#003366;
		margin:.5em 0;;
	}
	p {
		margin-top:0;
		color:#003366;

	}

  </style>

  
</head>
  <body>
    <header class="header-page">
      <a href="/default.aspx">
        <img src="/404/irwin-404header_logo.png" />
      </a>
    </header>
    <section class="section-main">
      <h1>404</h1>
      <h2>Page Not Found</h2>
      <p>The resource you are looking for might have been removed, had its name changed, or is temporarily unavailable.</p>
      <a class="link-txt" href="../../default.aspx">Go To Home Page</a>
    </section>
  </body>
</html>