#global-is-local-scene {
  background: #50ba7a; /* Old browsers */
background: -moz-linear-gradient(top,  #50ba7a 0%, #187346 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #50ba7a 0%,#187346 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #50ba7a 0%,#187346 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50ba7a', endColorstr='#187346',GradientType=0 ); /* IE6-9 */
}
#global-is-local-scene .col-center.arrow {
    left: 37px;
    position: relative;
    z-index: 5000;
}
#global-is-local-scene .text-box {
   /* margin-left: 40%;
	margin-right: 24px;*/
	margin-left: 10%;
    margin-right: 36%;
}

#global-is-local-scene .parallax-frame.transition-to .text-box {
    transform: translate(0, 100px);
    opacity: 0;
}

#global-is-local-scene .parallax-frame.transition-from .text-box {
    transform: translate(0, 100px);
    opacity: 0;
}

#global-is-local-scene .text-box h2 {
    color: #ffce2f;
}

#global-is-local-scene .text-box p {
    color: #ffffff;
}

#global-is-local-scene .image-box {
 /*  position: absolute;
    left: 5%;
    right: 0;
    top:  0px;
    bottom: -80px;*/
	/* bottom: -80px;
    left: 25%;
    position: absolute;
    right: 0;
    top: 220px;*/
	
	 bottom: -80px;
    left: 25%;
    position: absolute;
    right: 0;
    top: 300px;
}

#global-is-local-scene .image-box svg {
  /*  height: 50% !important;*/
}

#global-is-local-scene .image-box svg image.fade {
    opacity: 0;
}


/* iPad (Landscape) */
@media (max-width: 1024px) and (orientation: landscape) {
    #global-is-local-scene .image-box {
        position: absolute;
        left: 50%;
        right: 0;
        top:  -40px;
        bottom: -40px;
    }
}

/* iPad (Portrait) */
@media (max-width: 768px) and (orientation: portrait) {
    #global-is-local-scene .text-box {
        margin: 20% 10% 0px 10%;
        text-align: center;
    }

    #global-is-local-scene .image-box {
        position: relative;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        text-align: center;
    }

    #global-is-local-scene .image-box svg {
        width: 70%;
        height: 70%;
    }
}

/* iPhone (Landscape) */
@media (max-width: 736px) and (orientation: landscape) {
    #global-is-local-scene .text-box {
        margin: 10% 10% 10% 20%;
        text-align: center;
    }

    #global-is-local-scene .image-box {
        position: relative;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        text-align: center;
    }

    #global-is-local-scene .image-box svg {
        width: 80%;
        height: 80%;
    }
}

/* iPhone (Portrait) */
@media (max-width: 414px) and (orientation: portrait) {

#global-is-local-scene .image-box {
    bottom: 0;
    height: 100px;
    left: 35%;
    position: relative;
    right: 0;
    text-align: center;
    top: 40%;
}
#global-is-local-scene .text-box{
	 margin-top: 0;
}
}

@media (max-width: 320px) and (orientation: portrait) {
	#global-is-local-scene .image-box {
		bottom: 0;
		height: 100px;
		left: 35%;
		position: relative;
		right: 0;
		text-align: center;
		top: 70%;
	}
}

@media (max-width: 640px){
	#happiness--module_header {
		color: #ffce2f;
		font-size: 30pt;
		font-weight: normal;
		line-height: 15pt;
	}
	.textPosition {
		margin-bottom: 0;
		margin-left: 7%;
		margin-right: 5%;
		margin-top: 2%;
	}
	.beta.happiness--container {
		height: 100%;
		padding-top: 63px;
		position: absolute;
		width: 100%;
	}
	#happiness--slider_container .happiness-slider-container--inner {
    display: block;
    height: 200px;
    left: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-width: 400px;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    width: 200px;
	}
	.wrapper-header {
		margin-right: 0;
		margin-top: 1%;
		position: relative;
	}

	#lets-talk-scene .image-box {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 350px;
	}
	
	#header-scene .text-box {
    bottom: initial;
    margin-bottom: 25%;
    margin-left: 7%;
    margin-right: 6%;
    margin-top: 10%;
    text-align: center;
}

#header-scene h2.color-yellow {
    display: flex;
    font-size: 33px;
	 margin-top: 70px;
}

.text-box.ease-out-back > p {
    color: #fff;
    margin-bottom: 10px;
}

.color-yellow > span {
    margin-right: 8px;
}

#lets-talk-scene .image-box {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 198px;
	}

}