/* @group landing */

#landing {
  position: relative;
}

/* @group main banner */

		#main-banner {
		  width: 100%;
		  position: absolute;
		  height: 100%;
		}
		#main-banner #slider,
		#main-banner #slider .slide {
		  height: 100%;
		}
		#slider .s1 {
		  background-image: linear-gradient(to bottom, 
		  rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../images/01.jpg);
		}
		#slider .s2 {
		  background-image: linear-gradient(to bottom, 
		  rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../images/02.jpg);
		}
		#slider .s3 {
		  background-image: linear-gradient(to bottom, 
		  rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../images/03.jpg);
		}
		#slider .s4 {
		  background-image: linear-gradient(to bottom, 
		  rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../images/06.jpg);
		}

/* @end */

#landing .centercontent {
  margin-top: 70px;
  margin-bottom: 40px;
}
@media only screen and (min-width:901px) {
  #landing .centercontent {
    margin-top: 120px;
  }
}

#landing h1,
#landing p {
  padding: 0;
  margin-bottom: 20px;
}

#landing .button {
  margin: 0 0.2em 0.2em;
  width: 100%;
}
@media only screen and (min-width:641px) {
  #landing .button {
    width: auto;
    margin-bottom: 0.5em;
  }
}

@media only screen and (min-width:641px) and (min-height:641px) {
		#landing {
		  position: relative;
		  min-height: 100%;
		  overflow: hidden;
		}
		#landing .centercontent {
      margin: 0;
    }
}

/* @end */

/* @group test */

#test {
	background-color: #fff;
	font-size: ;
}
#test a {
	display: block;
}
#test .header {
	font-size: 1.5em;
}

/* @end */

/* @group about
 */

#about {
  text-align: center;
  background-color: #313438;
}
#about .autocol p {
  text-align: left;
}
#about .intro {
  margin-bottom: 2em;
}
#about em {
  font-weight: 100;
  font-style: normal;
  color: #ff0000;
}
#about>a.button {
  margin: 2em 1em 0;
}

/* @end */

/* @group passport */

#passport {
  background: url(../images/worldmap.svg) center center no-repeat #e6e6e6;
  background-size: cover !important;
  color: #3d3d3d;
}
#passport h2 {
  color: #ff0000;
}
#passport p {
  font-size: 1.6em;
  line-height: 1.5em;
}

/* @end */

/* @group value */

#value {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) #9e0616;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) #9e0616;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) #9e0616;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) #9e0616;
  padding-top: 0;
}
#value img {
  width: 100%;
}
#value h3,
#value p {
  text-align: left;
}

/* @end */

/* @group solution */

#solution {
	background-color: #000000;
	color: #ffffff;
}
#solution h2 {
	color: #00b0ff;
}
#solution p.intro {
	font-family: 'Roboto' !important;
	font-size: 1.4em;
}
#solution img {
	margin-top: 1em;
}
@media only screen and (min-width:641px) {
	#solution p {
		text-align: left;
	}
}

/* @end */

/* @group methodology */

#methodology {
  background: url(../images/05.jpg) center bottom / 100% no-repeat #d0e1f7 !important;
  color: #5c5c5c;
  padding-bottom: 45vw;
}
#methodology p {
  text-align: left;
}
#methodology h2 {
  color: #ff0000;
}
#methodology em {
  font: 1.4em 'Roboto';
  font-style: normal;
  font-weight: 300;
}
#methodology img {
}
/* @end */