/* 

Adapted from @ihatetomatoes' HTML5 boilerplate, included within this parallax tutorial:

https://ihatetomatoes.net/simple-parallax-scrolling-tutorial/

JS found in js/parallax-scroll/

*/

/* Chrome Frame prompt */

.chromeframe {
    margin:     0.2em 0;
    background: #ccc;
    color:      #000;
    padding:    0.2em 0;
}

/* Parallax Scroll */
.loading {
	background: url('/img/ico_loading.gif') no-repeat center center;
}
section {
	min-width: 960px;
	opacity:   0;
}
.loaded section,
.no-js section {
	opacity:            1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition:    opacity 300ms ease-out;
	transition:         opacity 300ms ease-out;
}
main {
	overflow-x: hidden;
}
#preload {
	width:     1px;
	height:    1px;
	overflow:  hidden;
	position:  absolute;
	top:       0;
	left:      0;
}
.bcg {
	background-position:       center center;
	background-repeat:         no-repeat;
	background-attachment:     fixed;
	background-size:           cover;
	height:     100%;
	width:      100%;
}

.hsContainer {
	width:      100%;
	height:     100%;
	overflow:   hidden;
	position:   relative;
}

.hsContent {
	max-width:  600px;
	position:   absolute;
	top:        50%;
}

/* Slide 1 */
#slide-1 {
    height:     800px;
}
#slide-1 .bcg {
    background-image: url('/img/no_ordinary_chick_green_clean_kit.jpg');
    background-position-x:0;
}
#slide-1 .hsContent {
    bottom:    200px;
    top:       auto;
    right:     5%;
}
@media (max-width: 767px) {
   #slide-1 .hsContent {
        left:      0;
        right:     0;
   } 
}

/* Slide 2 */
#slide-2 {
    height:     800px;
}
#slide-2 .bcg {
    background-image: url('/img/no_ordinary_chick_greenhouse_garden.jpg');
    background-position-x:0;
}
#slide-2 .hsContent {
    bottom:    200px;
    top:       auto;
    left:      5%;
}
@media (max-width: 767px) {
   #slide-2 .hsContent {
        left:     0;
        right:    0;
   } 
}

/* Slide 3 */
#slide-3 {
    height:     800px;
}
#slide-3 .bcg {
    background-image: url('/img/no_ordinary_chick_greenhouse_herbs.jpg');
    background-position-x:0;
}
#slide-3 .hsContent {
    bottom:    200px;
    top:       auto;
    right:     5%;
}
@media (max-width: 767px) {
   #slide-3 .hsContent {
        left:      0;
        right:     0;
   } 
}

/* About Slide */
#slide-about {
    height:     280px;
}
#slide-about .bcg {
    background-image: url('/img/no_ordinary_chick_Kingston_grown_herbs.jpg');
    background-position-x:0;
}
#slide-about .hsContent {
    left:     5%;
}
@media (max-width: 767px) {
   #slide-about .hsContent {
        left:      0;
        right:     0;
   } 
}