#index-image{
    position: relative;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-width: unset;
    right: unset;
    object-position: top;
    bottom: unset;
}

#logo-image{
    display: unset;
    content:url("../images/MASSAGE  BODYFIT/MediumSquareLogo.png");
    position: absolute;
    margin: -3vh 0 0 2vw;
    height: 30vh;
}


#fadeout-index-image{
    top: 43.5vh;
    height: 30vh;
	background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
    background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
    background-image: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
    background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
    background-image: -ms-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
}
#box-index-image {
    height: 55vh;
}

#box-index-text{
	padding: 0 8vw;
}


#index-text-header {
	font-size: calc(1.1vw + 0.3vh + 1vmin);
}

#index-text{
	font-size: calc(0.6vw + 0.2vh + 1vmin);
}

#index-text-ending{
	font-size: calc(0.6vw + 0.2vh + 1vmin);	
}

#index-text-signature{
         font-size: calc(2.2vw + 1vh + 1vmin);	
}