*{
    padding: 0;
    margin: 0;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
@media only screen and (min-width:1200px){ /* XL */
body{
		font-size:18px;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
body{
		font-size:18px;
	}
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
body{
		font-size:16px;
	}
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
body{
		font-size:16px;
	}
}
@media only screen and (max-width:575px){ /* XS */
body{
		font-size:14px;
	}
}
#allpagespace{
    display: block;
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	border:none;
	outline:none;
    background-color: #fff;
}
#PageTopMessageSpace{
	background-color: #ffe;
	color: #555;
	text-align: center;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-weight: 600;
    width: 80%;
    margin-left: 10%;
    height: 20px;
    line-height: 20px;
}
@media only screen and (min-width:1200px){ /* XL */
#PageTopMessageSpace{
    width: 80%;
    margin-left: 10%;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
#PageTopMessageSpace{
        width: 90%;
        margin-left: 5%;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
#PageTopMessageSpace{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
#PageTopMessageSpace{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:575px){ /* XS */
#PageTopMessageSpace{
        width: 100%;
        margin: 0 auto;
    }
}
#TopMessage{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-color: #ffe;
}
#HeaderSpace{
    display: block;
    width: 100%;
    height: 90px;
    line-height: 90px;
    border: none;outline: none;
    background-color: rgb(128, 179, 255);
    color: #555;
}
@media only screen and (min-width:1200px){ /* XL */
    #HeaderSpace{
        width: 80%;
        margin-left: 10%;
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #HeaderSpace{
        width: 90%;
        margin-left: 5%;
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
    #HeaderSpace{
        width: 100%;
        margin: 0 auto;
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
    #HeaderSpace{
        width: 100%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
    }
}
@media only screen and (max-width:575px){ /* XS */
    #HeaderSpace{
        width: 100%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
    }
}
.headerstyle{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
background-color: rgb(128, 179, 255);
    box-sizing: border-box;
}
#headerlogospace{
    float: left;
    width: 190px;
    height: 90px;
background-color: rgb(128, 179, 255);
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0px;
    border-radius: 10px 0px 0px 10px;
}
@media only screen and (min-width:1200px){ /* XL */
    #headerlogospace{
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #headerlogospace{
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
    #headerlogospace{
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
    #headerlogospace{
        display: none;
    }
}
@media only screen and (max-width:575px){ /* XS */
    #headerlogospace{
        display:none;
    }
}
#HeaderLogoPic{
    margin: 0;
    padding: 0;
    width: 90%;
    height: 90%;
    padding-top: 2%;
}
#HeaderMenuSpace{    
float: right;
background-color: rgb(128, 179, 255);
height:auto;
width: 60%;
text-decoration: none;
}
@media only screen and (min-width:1200px){ /* XL */
    #HeaderMenuSpace{
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #HeaderMenuSpace{
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
    #HeaderMenuSpace{
        height: 90px;
        line-height: 90px;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
    #HeaderMenuSpace{
        height: 40px;
        line-height: 40px;
        width: 100%;
        text-align: center;
        clear: both;
        margin: 0 auto;
        padding: 0;
        font-size: 22px;
    }
}
@media only screen and (max-width:575px){ /* XS */
    #HeaderMenuSpace{
        height: 40px;
        line-height: 40px;
        width: 100%;
        text-align: center;
        clear: both;
        margin: 0 auto;
        padding: 0;
        font-size: 16px;
    }
}
#HeaderMenuList{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.HeaderMenuListOptions{
color: #333;
list-style-type: none;
float:left;
background-color: rgb(128, 179, 255);
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-weight: bolder;
border: solid 0px;
font-size: 20px;
width: 22.75%;
}
.HeaderMenuListOptionsSeparator{
color: #000;
list-style-type: none;
width: 3%;
height: 100%;
float:left;
overflow: hidden;
}
.HeaderMenuListOptionsLinks{
text-decoration: none;
}
.HeaderMenuListOptions:hover{ 
background-color: hsl(216, 100%, 42%);
    color: #fff;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 22px;
    font-weight: 200;
    box-shadow: 1px 5px 20px  #444;
    border-radius: 8px;
    transform:scaleX(120%) skewY(-2deg);
    transition: all 0.5s ease 0s;

}.HeaderMenuListOptions:focus{
    background-color: #333;
    color: #ffe;
}.HeaderMenuListOptions:active{
background-color: hsl(216, 100%, 42%);
    color: hsl(0, 92%, 10%);
    font-size: 20px;

}.HeaderMenuListOptions:visited{
    background-color: #333;
    color: #ffe;
}
#MainSpaceContent{
height: auto;
background: url("/Users/Lenovo/Desktop/phnx/pics/background1.png");
display: block;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
#MainSpace{ 
        display: block;
        width: 100%;
        height: auto;
        border: none;
        outline: none;    
        color: #555;
        text-align: center;
        margin-left: 10%;
        overflow: hidden;
}
@media only screen and (min-width:1200px){ /* XL */
    #MainSpace{
        width: 80%;
        margin-left: 10%;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #MainSpace{
        width: 90%;
        margin-left: 5%;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
    #MainSpace{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
    #MainSpace{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:575px){ /* XS */
    #MainSpace{
        width: 100%;
        margin: 0 auto;
    }
}
#homeindexexpressionheader{
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #444;
    height: auto; 
    margin: 0 auto; 
    padding-top: 30px;
    color:#fff;
    text-shadow: 1px 1px 5px #000;
    box-shadow: 2px 2px 2px #444;
}
#homeindexexpressiontitle{
    width: 70%; 
    height: auto; 
    margin: 0 auto; 
    color: rgb(255,255,250); 
    font-size: 96px;
}
@media only screen and (min-width:1200px){ /* XL */
    #homeindexexpressiontitle{
        
    font-size: 96px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #homeindexexpressiontitle{
    font-size: 76px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
    #homeindexexpressiontitle{
    font-size: 66px;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
    #homeindexexpressiontitle{
    font-size: 56px;
    }
}
@media only screen and (max-width:575px){ /* XS */
    #homeindexexpressiontitle{
        
    font-size: 46px;
    }
}
#homeindexexpression{
    width: 70%; 
    height: auto; 
    margin: 0 auto; 
    margin-top: 50px;
    color: #032;
    font-size: 28px;
    text-shadow: 1px 1px 3px #fff;
    box-shadow: 1px 1px 55px;
    border-radius: 10px;
}
#FooterSpace{ 
        display: block;
        width: 100%;
        height: auto;
        border: none;
        outline: none;
        background-color: rgb(128, 179, 255);
        color: #555;
        text-align: center;
        margin-left: 10%;
        overflow: hidden;
}
@media only screen and (min-width:1200px){ /* XL */
    #FooterSpace{
        width: 80%;
        margin-left: 10%;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #FooterSpace{
        width: 90%;
        margin-left: 5%;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
    #FooterSpace{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
    #FooterSpace{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:575px){ /* XS */
    #FooterSpace{
        width: 100%;
        margin: 0 auto;
    }
}
#FooterSpaceIndex{
    width: 100%;
    height: 100%;  
}
.footerinfospacestage{
    background-color:rgb(128, 179, 255);
    width: 25%;
    float: left;
    height: auto;
    margin: 0 auto;
}
@media only screen and (min-width:1200px){ /* XL */
.footerinfospacestage{
        width: 33.3%;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
.footerinfospacestage{
        width: 50%;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
.footerinfospacestage{
        width: 50%;
        margin: 0 auto;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
.footerinfospacestage{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:575px){ /* XS */
.footerinfospacestage{
        width: 100%;
    }
}
#FooterLogoSpace{
    width: 20%;
    height: 100%;
    background-color: #fff;
    float: left;
}
#FooterInfoSpace{
    width: 60%;
    height: 100%;
    background-color: #fff;
    float: left;
}
@media only screen and (max-width:575px){ /* XS */
    #FooterInfoSpace{
        width: 85%;

    }
}

#FooterLogoImg{
    line-height: 100%;
    padding-top: 70px;
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #FooterLogoImg{
        width: 100%;
        height: auto;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
    #FooterLogoImg{
        width: 100%;
        height: auto;
    }
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
    #FooterLogoImg{
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width:575px){ /* XS */
    #FooterLogoImg{
        display: none;

    }
}
#AddressSpace{
    width: 50%;
    height: 50%;
    background-color: #ffe;
    text-align: center;
}#locationlogo{
    width: 30px;
    height: 100%;
    background-color: #ccc;
    float: left;
    line-height: 110%;
    margin-top: 18%;
    margin-left: 10%;
    margin-right: 10%;
}.FooterInfoHeader{
    margin: 0 auto;
    padding: 0;
    text-align: left;
    padding-top: 20px;
    padding-left: 50px;
}
.FooterInfoSpace{    
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: rgb(128, 179, 255);
}
.FooterInfoSpacePhone{
    margin: 0 auto;
    padding: 0;
    text-align: justify;
    padding-top: 26px;
    padding-left: 40px;
}
.Logoimagesstyle{
    line-height: 200%; 
    margin-top: 20px; 
    background-color: rgb(128,179,255);
}
.underlined{
    text-decoration: underline;}
.FooterContactLogoSpace{
    height: 100%;
    float: left;
    padding-top: 20px;
    }
@media only screen and (max-width:575px){ /* XS */
    #FooterLogoSpace{
        display: none;
    }
}
.alinks{
    text-decoration: none;
    color:#222;
}.alinks:hover{
    text-decoration: none;
    color: #000;
    font-weight: bolder;
}
#FooterPageSubtextSpace{
	display:block;
	bottom: 0px;
	width:100%;
	min-width:100%;
	max-width:100%;
	height:20px;
	margin:0 auto;
	padding:0;
	padding-top:5px;
	padding-bottom:5;
	border:none;
	outline:none;
	background-color: #fff;
	text-align:center;
	z-index: 1000;
}
.FooterPageSubtextBorderSpace{
	display:block;
	width:-webkit-calc(100% - 10px);
	width:-moz-calc(100% - 10px);
	width:-o-calc(100% - 10px);
	width:-ms-calc(100% - 10px);
	width:calc(100% - 10px);
	min-width:-webkit-calc(100% - 10px);
	min-width:-moz-calc(100% - 10px);
	min-width:-o-calc(100% - 10px);
	min-width:-ms-calc(100% - 10px);
	min-width:calc(100% - 10px);
	max-width:-webkit-calc(100% - 10px);
	max-width:-moz-calc(100% - 10px);
	max-width:-o-calc(100% - 10px);
	max-width:-ms-calc(100% - 10px);
	max-width:calc(100% - 10px);
	height:auto;
	margin:0 auto;
	padding:0;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border:none;
	outline:none;
	font-family:Arial, "Helvatica Neue", Helvatica, sans-serif;
	color:#646464;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
	text-decoration:none;
	z-index:1001 ;
}
@media only screen and (min-width:1200px){ /* XL */
	.FooterPageSubtextBorderSpace{
		font-size:14px;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
	.FooterPageSubtextBorderSpace{
		font-size:13px;
	}
}
@media only screen and (min-width:768px) and (max-width:991px){ /* M */
	.FooterPageSubtextBorderSpace{
		font-size:12px;
	}
}
@media only screen and (min-width:576px) and (max-width:767px){ /* S */
	.FooterPageSubtextBorderSpace{
		font-size:12px;
	}
}
@media only screen and (max-width:574px){ /* XS */
	.FooterPageSubtextBorderSpace{
		font-size:12px;
	}
}







main{
    background-color: #fff;
    width: 100%;
    height: auto;
    border: none;
    outline: none;
    overflow: hidden;
}
.servicespagestages{    
    background-color:#fff;
    width: 100%;
    height: 500px;
    height: auto;
    border: none;
    outline: none;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
}
.servicespagestagesleftaside{
    float: left;
    background-color: #FDF3E6;
    width:50%;
    height: 700px;
    overflow: hidden;
}
.servicespagestagesrightaside{
    width: 50%;
    float: left;
    background-color: gray;
    height: 600px;
    background-color: #FDF3E6;
    text-align: justify;
    margin: 0 auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 23px;
    overflow-y: scroll;
}
#servicespagefirststageleftaside{
    background: url("pics/illustratecompanion.png") no-repeat center center ;
    background-size: cover;
    background-color: #FDF3E6;
}
#servicespagefirststagerightaside{
    width: calc(50% - 100px);    
    padding: 50px;
}
#servicespagesecondstagerightaside{
    width: calc(50% - 100px);
    padding: 50px;
}
@media only screen and (max-width:991px){ /* M */
#servicespagesecondstagerightaside , #servicespagefirststagerightaside , #servicespagethirdstagerightaside {
        width:calc(100% - 100px);
        font-size: 20px;        
        height: auto;
	}
}
#servicespagesecondstageleftaside{
    background: url("pics/homecareillustration.png") no-repeat center center ;
    background-size: cover;
    background-color: #FDF3E6;
}
#servicespagethirdstagerightaside{
    width: calc(50% - 100px);
    padding: 50px;
}
#servicespagethirdstageleftaside{
    background: url("pics/illustrateelderly.png") no-repeat center top ;
    background-color: #FFF6DA;
}
@media only screen and (min-width:1200px){ /* XL */
    #servicespagethirdstageleftaside{
        background-size: 80%
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){ /* L */
    #servicespagethirdstageleftaside{
    background-size: 90% 100%;
	}
}
@media only screen and (max-width:991px){ /* M */
	.servicespagestagesleftaside{
        display:none;
	}
}
@media only screen and (max-width:991px){ /* M */
#servicespagethirdstagerightaside{
        width:calc(100% - 100px);
        font-size: 20px;
	}
}
.contactpageboxes{
    background-color: #ffe;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: #333 inset 3px;
}