<!DOCTYPE html>
<html>
<head>
  <title>Unfortunately this site does not exist anymore</title>
  <link href='https://fonts.googleapis.com/css?family=Roboto-Bold' rel='stylesheet' type='text/css'>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
	body {
	  font-family:"Roboto-Bold", Helvetica, Arial, sans-serif;
	  background:#f8f8f8;
	  margin:0;
	  font-size:15px;
	  color:#262626;
	  height:100vh;
	  position:relative;
	  display: flex;
	  justify-content: center;
	  flex-direction: row;
	  align-items: flex-start;
	  height: 100vh;
	  overflow-y: scroll;
	  padding: 30px 0;
	  box-sizing: border-box;
	}
	hr {
	  width:100%;
	  background:#999;
	  height:1px;
	  border:0;
	  margin:2.57em auto 2.32em;
	}
	h1 {
	  font-size:58px;
	  font-weight:700;
	  line-height:1.28;
	  margin:0;
	  max-width:838px;
	}
	h2 {
	  font-family:"Roboto", Helvetica, Arial, sans-serif;
	  font-weight:400;
	  font-size:23px;
	  line-height:1.43;
	  margin:0;
	}
	img {
	  padding-bottom:.5em;
	}
	a {
	  font-family:"Roboto-Bold", Helvetica, Arial, sans-serif;
	  font-size:15px;
	  text-decoration:none;
	  line-height:2;
	  color:#262626;
	}
	a:hover {
	  text-decoartion:underline;
	}
	.lp_container {
	  max-width:1000px;
	  margin:0 auto;
	  display:block;
	  width:80%;
	  display: flex;
	  flex-direction: column;
	  margin: auto 0;
	}
	.lp_top_section {
	  display: grid;
	  grid-template-columns: auto auto auto 156px;
	  grid-template-rows: 1fr;
	  grid-template-areas: "hero-text hero-text hero-text hero-img";
	  max-width:100%;
	  align-items:end;
	}
	.lp_site_list {
	  margin:30px 0px;
	  display: grid;
	  grid-template-rows: repeat(4, auto);
	  grid-auto-flow: column;
	  grid-auto-columns: auto auto auto auto;
	}

	.hero_text { grid-area:hero-text;}
	.hero_img { grid-area:hero-img;}

	@media only screen and (max-width:1300px) {
	  .lp_top_section {
		grid-template-columns: auto auto auto 12vw;
	  }
	  h1 {
		  font-size:3.5vw;
		  padding-right:1.5vw;
	  }
	  h2 {
		font-size:1.85vw;
	  }
	  hr {
		margin:2.8vh auto;
	  }
	}

	@media only screen and (max-width:950px) {
	  .lp_site_list {
		display: grid;
		grid-template-rows: repeat(6, auto);
		grid-auto-flow: column;
		grid-auto-columns: auto auto auto;
		column-gap:40px;
	  }
	  .lp_site_list div:nth-child(5) {
	   grid-column: 2;
	   grid-row: 1;
	  }
	  .lp_site_list div:nth-child(9) {
	   grid-column: 3;
	   grid-row: 1;
	  }
	  .lp_site_list div:nth-child(13) {
	   grid-column: 1;
	   grid-row: 2;
	  }
	  .lp_site_list div:nth-child(2) {
	   grid-column: 2;
	   grid-row: 2;
	  }
	  .lp_site_list div:nth-child(6) {
	   grid-column: 3;
	   grid-row: 2;
	  }
	  .lp_site_list div:nth-child(10) {
	   grid-column: 1;
	   grid-row: 3;
	  }
	  .lp_site_list div:nth-child(14) {
	   grid-column: 2;
	   grid-row: 3;
	  }
	  .lp_site_list div:nth-child(3) {
	   grid-column: 3;
	   grid-row: 3;
	  }
	  .lp_site_list div:nth-child(7) {
	   grid-column: 1;
	   grid-row: 4;
	  }
    .lp_site_list div:nth-child(8) {
	   grid-column: 2;
	   grid-row: 5;
	  }
	  .lp_site_list div:nth-child(11) {
	   grid-column: 2;
	   grid-row: 4;
	  }
    .lp_site_list div:nth-child(12) {
	   grid-column: 3;
	   grid-row: 5;
	  }
	  .lp_site_list div:nth-child(15) {
	   grid-column: 3;
	   grid-row: 4;
	  }
	}

	@media only screen and (max-width:800px) {
	  h1 {
		  font-size:4vw;
		  padding-right:1.5vw;
	  }
	  h2 {
		font-size:2.5vw;
	  }
    a {
		font-size:2vw;
	  }
	}

	@media only screen and (max-width:715px) {
    a {
		font-size:2.2vw;
	  }
    .lp_site_list {
		display: grid;
		grid-template-rows: repeat(8, auto);
		grid-auto-flow: column;
		grid-auto-columns: auto auto;
	  }
	  .lp_site_list div:nth-child(5) {
	   grid-column: 2;
	   grid-row: 1;
	  }
	  .lp_site_list div:nth-child(9) {
	   grid-column: 1;
	   grid-row: 2;
	  }
	  .lp_site_list div:nth-child(13) {
	   grid-column: 2;
	   grid-row: 2;
	  }
	  .lp_site_list div:nth-child(2) {
	   grid-column: 1;
	   grid-row: 3;
	  }
	  .lp_site_list div:nth-child(6) {
	   grid-column: 2;
	   grid-row: 3;
	  }
	  .lp_site_list div:nth-child(10) {
	   grid-column: 1;
	   grid-row: 4;
	  }
	  .lp_site_list div:nth-child(14) {
	   grid-column: 2;
	   grid-row: 4;
	  }
	  .lp_site_list div:nth-child(3) {
	   grid-column: 1;
	   grid-row: 5;
	  }
	  .lp_site_list div:nth-child(7) {
	   grid-column: 2;
	   grid-row: 5;
	  }
	  .lp_site_list div:nth-child(11) {
	   grid-column: 1;
	   grid-row: 6;
	  }
	  .lp_site_list div:nth-child(15) {
	   grid-column: 2;
	   grid-row: 6;
	  }
	 .lp_site_list div:nth-child(8) {
	   grid-column: 2;
	   grid-row: 7;
	  }
    .lp_site_list div:nth-child(12) {
	   grid-column: 1;
	   grid-row: 8;
	  }
	}

	@media only screen and (max-width:600px) {
	  body{
		height:auto;
	  }
    a {
		font-size:2.7vw;
	  }
	  .lp_container{
		position:relative;
		top:auto;
		left:auto;
		transform:none;
		margin:56px auto;
    width:85%;
	  }
	  .hero_text{
		grid-column:1;
		grid-row:2;
	  }
	  .hero_img {
		grid-column:1;
		grid-row:1;
	  }
	  .lp_site_list {
		column-gap:20px;
	  }
	  h1 {
		font-size:6.2vw;
		line-height:1.39;
	  }
	  h2 {
		font-size:4vw;
		line-height:1.65;
	  }
	  img {
		width:23vw;
	  }
	}
  @media only screen and (max-width:475px) {
    a {
		font-size:3.6vw;
	  }
    .lp_container {
      width:90%;
    }
    .lp_site_list {
		column-gap:7px;
	  }
  }
</style>
</head>
<body>
<div class="lp_container">
  <div class="lp_top_section">
    <div class="hero_text"><h1>Looks like you've hit a roadblock! Unfortunately this site does not exist anymore.</h1></div>
    <div class="hero_img"><img src="icon_roadblock.svg"></div>
  </div>
  <hr>
  <div class="lp_text"><h2>Not to worry, we've got you covered! Visit some of other sites that feature similar topics...</h2></div>
  <div class="lp_site_list">
    <div><a href="https://www.airliners.net/" target="_blank">Airliners.net</a></div>
    <div><a href="https://www.homesteadingtoday.com/" target="_blank">HomeSteadingToday.com</a></div>
    <div><a href="https://www.mtbr.com/" target="_blank">MTBR.com</a></div>
    <div><a href="https://www.skyscrapercity.com/" target="_blank">SkyScraperCity.com</a></div>


    <div><a href="https://www.archerytalk.com/" target="_blank">ArcheryTalk.com</a></div>
    <div><a href="https://www.knittingparadise.com/" target="_blank">KnittingParadise.com</a></div>
    <div><a href="https://www.overclock.net/" target="_blank">OverClock.net</a></div>
    <div><a href="https://www.walleyecentral.com/" target="_blank">WalleyeCentral.com</a></div>

    <div><a href="https://www.avsforum.com/" target="_blank">AVSforum.com</a></div>
    <div><a href="https://www.lumberjocks.com/" target="_blank">LumberJocks.com</a></div>
    <div><a href="https://www.plantedtank.net/" target="_blank">PlantedTank.net</a></div>
    <div><a href="https://www.watchuseek.com/" target="_blank">WatchUseek.com</a></div>


    <div><a href="https://www.diychatroom.com/" target="_blank">DIYchatroom.com</a></div>
    <div><a href="https://www.mothering.com/" target="_blank">Mothering.com</a></div>
    <div><a href="http://www.rcgroups.com/" target="_blank">RCgroups.com</a></div>
    <div><a href="https://www.wrestlingforum.com/" target="_blank">WrestlingForum.com</a></div>
  </div>
</div>

</body>
</html>
