/*
 * Stylesheet test for http://lanner.dev2.wearebluebox.com/
*/

.contact-form-hold .title p {
    font-size: 20px;
}

h2 {
	font-family:"azo-sans-web", sans-serif;
}

.page-intro {
	position: relative;
	text-align: center;
	margin-bottom: 0 !important;
	font-size:17px;
	font-weight:200;
}

/*--------------------------------------------------
    Brand Colors
----------------------------------------------------*/


.lanner-blue{
	color:#00557d;
}

.lanner-teal {
	color:#18a7b4;
}

.lanner-grey{
	color:#878786;
}

.lanner-pale-grey{
	color:#f5f5f5;
}

.lanner-navy{
	color:#17354b;
}

.lanner-red{
	color:#9f1915;
}

.lanner-yellow{
	color:#fbbc42;
}

/*--------------------------------------------------
    [Parallax Alt]
----------------------------------------------------*/

.prlx {
  color: #fff;
  padding: 100px 0;
  position: relative;
  text-align: center;
  background: url(/Assets/User/651-WITNESS-modelling-simulation-desktop-software-2.png) 50% 0 repeat fixed;
}

.prlx :after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.8);
}

.prlx :before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: url(../img/patterns/gridtile.png) repeat;
}

/*Parallax Inner*/
.prlx-in {
  z-index: 1;
  padding: 0 80px;
  position: relative;
}

.prlx-in p {
  color: #fff;
  font-size: 28px;
  text-transform: uppercase;
}

.prlx-in p:after {
  margin-left: 3px;
}

.prlx-in p:before {
  margin-left: -15px;
}

.prlx-in small {
  color: #bbb;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

@media (max-width: 768px){
  .prlx-in {
    padding: 0 40px;
  }

  .prlx-in p {
    font-size: 20px;
  }
}