@charset "UTF-8";
/* CSS Document */
/*FOR INDEX PAGE PARALLAX ONLY*/
body, html {
	height: 100%;
}
.parallax-i {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    overflow: hidden;
    width:100%;
}
.hero-parallax {
	background-image: url("../images/hero-01.jpg");
	height: 100%;
    min-height: 650px;
    padding-top: 20px;
}
.project-parallax {
	background-image: url("../images/yqf/yqf-elements.jpg");
	height: 50vh;
    min-height: 500px;
}
.mailinglist-parallax{
    background-image: url("../images/forest-at-night.jpg");
    height: 30vh;
    min-height: 300px;
}
.container-i {
    max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
/*	width: 100%;*/
	position: relative;
}
.parallax-fw {
  color: aliceblue;
  text-align: right;
  padding-right: 100px;
  padding-top: 1.5em;
  letter-spacing: 2px;
  margin-top: 0px;
}
.parallax-copy-bg{
    background-color: #31353D;
	background-color: rgba(49,53,61,0.8);
}
.parallax-copy-fw {
  color: aliceblue;
  text-align: right;
  padding-right: 110px;
  width: 50%;
  float: right;
  font-weight: lighter;
  line-height: 23px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
@media (min-width : 501px) and (max-width : 850px) {
    .parallax-i{
        background-attachment: scroll;
    }
  .parallax-fw {
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 20%;
  }
  .parallax-copy-fw {
    text-align: center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 90%;
    padding-top: 30px;
      padding-right: 0;
    float: none;
  }
}
@media (max-width : 500px) {
  .parallax-i {
    background-attachment: scroll;
  }
  .parallax-fw {
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 40%;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    font-size: 18px;
  }
  .parallax-copy-fw {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 90%;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 12px;
    float: none;
    text-align: center;
  }
}