.landingGrayBox{
	background-color: #dfe1e0;
	width: 100vw;
	max-width: 100vw;
}
.containerGrayBox{
	width: 80%;
	margin: 0 auto;
	padding-top: 74px;
	padding-bottom: 60px;
	position: relative;
	padding-left: 96px;
}
.textLandingGrayBox{
    background-color: #FFF;
    position: absolute;
    z-index: 10;
    left: 45%;
    top: 32%;
    padding-left: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 100px;
    text-align: justify;
}
.textLandingGrayBox p{
	color: #909090;
	font-weight: lighter;
}
.imageLandingGray img{
	width: 100%;
	height: auto;
}

   

/*  #################################   MOBILE CSS   ##########################  */

@media (max-width: 1600px) {
	.textLandingGrayBox{
		top: 25%;
	}
}

/*  Landscape tablets 1366px */
@media (max-width: 1366px) {
	.containerGrayBox{
		width: 100%;
	}

}

/*  Landscape tablets 1024px */
@media (max-width: 1024px) {
	.containerGrayBox{
		width: 100%;
	}
	.textLandingGrayBox{
	    left: 40%;
   	 	top: 22%;
   	 	padding: 25px;
	}
	.textLandingGrayBox h2{
		font-size: 26px;
	}

}	
/*  Landscape phones and portrait tablets */
@media (max-width: 768px) {
	.containerGrayBox{
	    width: 100%;
	    padding-top: 0;
	    padding-bottom: 60px;
	    padding-left: 0;
	}
	.textLandingGrayBox p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.landingGrayBox{
	    padding-top: 20px;
    	padding-bottom: 20px;
    }
	.imageLandingGray {
	    float: left !important;
        margin-top: 0;
	    width: 40% !important;
	    padding-left: 0;
	}
	.textLandingGrayBox {
	    float: right !important;
	    width: 60% !important;
        padding: 10px;
    	margin-top: 10px;
    	background-color: transparent !important;
	}
}

@media (max-width: 738px) {
	.imageLandingGray{
		width: 50%;
	}
	.textLandingGrayBox {
	    left: 41%;
	    top: 8%;
	    width: 50%;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.landingGrayBox{
		background-color: #fff;
	}
	.containerGrayBox {
	    width: 100%;
	    margin: 0;
	    padding-top: 0;
	    padding-bottom:  0;
	    position: relative;
	    padding-left: 0;
	}
	.imageLandingGray{
		padding: 0;
		width: 100% !important;
	}
	.imageLandingGray img{
	    width: 100%;
    	height: auto;
	}
	.landingGrayBox{
		padding: 0;
	}
	.textLandingGrayBox{
        left: 0;
	    top: 0;
	    width: 100% !important;
	    padding: 20px;
	    position: relative;
	    float: none !important;
	    text-align: center;
	}
	.textLandingGrayBox p{
		font-size: 16px;
		line-height: 24px;
	}
	.textLandingGrayBox h2{
		font-size: 1.5em;
	    margin-bottom: 10px;
	    font-weight: lighter;
	}

}