.par_wrapper {
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	perspective: 2pc;
}
.par_wrapper section {
	position: relative;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	color: blue;
	text-shadow 0 0 5px #555;
}
.par_wrapper section::after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateZ(-1px) scale(1.5);
	background-size: 100%;
	z-index: -1;
}
.static {
	background: rgba(200,200,255,1);
}
.parallax {
  background-image: url("../images/metroplex.png");

  min-height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center 85px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #015b9a;
}

.parallax.img2 {
	background-image: url('../images/image_2.jpg');
  background-position: center;
}
.parallax.img3 {
	background-image: url('../images/image_3.jpg');
  background-position: center;
}
.parallax.img4 {
	background-image: url('../images/image_4.jpg');
  background-position: center;
}
.parallax::after {
	content: ' ';
	transform: translateZ(-0.1px);
}
.parallax .select_tray {
	margin: 5vw;
	border-radius: 2em;
	width: 15%;
	display: table;
	min-width: 150px;
	box-shadow: 1px 1px 16px #999;
	background-color: rgba(255,255,255,0.2);
}
.parallax .select_stray a {
	display: flex;
}
.parallax .big_button {
	width: 60%;
	min-width: 120px;
	padding: 15px;
	background-color: rgba(14,69,125,0.5);
	margin: 2em;
	border-radius: 0.5em;
	display: block;
	transition: background-color 700ms linear;
}
.parallax .big_button:hover {
	background-color: rgba(14,69,125,0.9);
}
.big_button i {
	font-size: 6vw;
	color: rgba(255,180,0,0.9);
	display: block;
}
.big_button title {
	font-size: 1.3vw;
	display: block;
	color: #fff;
	font-weight: bold;
}
ul.services {
	column-count: 2;
}
ul.services li {
	text-align: left;
	padding: 0.4em 1em;
	font-weight: bold;
	font-size: 90%;
}
ul.services desc {
	display: block;
	font-size: 80%;
	font-weight: normal;
}
.services .ntable {
	width: 85%;
	border-radius: 1em;
}
.section {
	padding: 5em;
}
.section.quote {
	font-size: 120%;
	padding: 1em;
}
@media only screen and (max-width: 800px) {
  .parallax {
    background-attachment: scroll;
  }
  .parallax .select_tray {
	width: 90%;
  }
  .parallax .big_button {
	width: 90%;
  }
  .parallax .big_button i {
		font-size: 24vw;
  }
  .parallax .big_button title {
		font-size: 5vw;
  }
  .banner .domain_title {
	  font-size: 180%;
	  line-height: 2.4em;
	  letter-spacing: 0.05em;
   }
  .banner .col-1 {
	width: 18%;
  }
  ul.services {
	column-count: 1;
  }
  ul.services li {
	width: 100%;
	font-size: 2.7vw;
  }
  .section {
     padding: 1em;
  }
  .ntable.medium {
	width: auto;
  }
}