.bar {
    width: 10vw;
    float: left;
    height: calc(55vh + 432.5px + 50px);	
    display: inline-block;
}

#bar-left{
	background-image: linear-gradient(to right,#e9e9e9 0%, #e9e9e9 88%, #ffffff00 100%);
}

#bar-right{
	background-image: linear-gradient(to left,#e9e9e9 0%, #e9e9e9 88%, #ffffff00 100%);
}

#bar-right > div {
	margin-left: 10%;
}

.inner-bar{
	width: 90%;
	height: 100%;
	background-color: #e9e9e9;
	z-index: -1;
}

#page-content{
    position: relative;
    width: 81.99vw;
    display: inline-block;
    float: left;
    margin: 0 -1vw;
}

#logo-image{
    display: inline-block;
    content: url("../images/MASSAGE  BODYFIT/MediumSquareLogo.png");
    position: relative;
    margin: -29px 0 0 2vw;
    height: 250px;
    z-index: -1;
} 


#index-image{
    bottom: 227px;
    z-index: -2;
}

#box-index-image{
	width: 100%;
}

#fadeout-index-image{    
	top: 43.5vh;
    height: 17vh;
	width: 100%;
}



#box-index-text{
	padding: 0;
	width: 600px;
	margin-left: calc(82vw / 2 - (300px));
}


#index-text-header{
	font-size: 20px;
	margin-bottom: 18px;
}

#index-text{
	font-size: 14.5px;
	margin-bottom: 7.5px
}

#index-text-ending{
	font-size: 17px;
}

#index-text-signature{
	font-size: 30px;
	bottom: 4.5px;
}