.main
	{
	width:100%;
        max-width:1400px;
	margin:0px auto 0px auto;
	display:block;
	overflow:hidden;
	background-color:#ffffff;
	}

.compassion
	{
	width:100%;
	margin:15px 0px 15px 0px;
	padding:5px;
	text-align:center;
	background-color:#FAFAFA;
	font-family: 'Josefin Sans', sans-serif;
        font-size:calc(1.25em + 1vw);
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	font-weight:600;
	color:#666666;
	}

.introtext
	{
	margin:0px 30px 20px 30px;
	font:18px 'Josefin Sans', sans-serif; 
	}

.left
	{
	width:70%;
	float:left;
        margin-left:3%;
        padding-right:2%;
	}

.mainpic
	{
	width:100%;
	margin:10px auto 10px 0px;
	}

.mainpic img
	{
	width:100%;
	box-shadow: 0 0 5px #888;
	}

.heading
	{
	font-family: 'Josefin Sans', sans-serif; 
        font-size:calc(.7em + 1vw);
	margin-bottom:-5px;
        font-weight:bold
	}

.text
	{
	font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.55em + 1vw); 
	}

.answer
	{
	font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.55em + 1vw); 
        margin-left:5%;
	}

.callus
       {
        font-family: 'Josefin Sans', sans-serif; 
        font-size:calc(.8em + 1vw);
        margin-bottom:5%;
       }

.callus a, .text a, .answer a
       {
        text-decoration:none;
        color: #ff6600;
       }

.callus a:hover, .text a:hover, .answer a:hover
       {
        text-decoration:none;
        text-decoration: underline;
       }

.rightmobile
        {
         display:none;
         }

.rightdesktop
	{
	width:20%;
	float:left;
	padding-left:0%;
        overflow:hidden;
	}

.aboutmenu 
	{
    	list-style-type: none;
	margin:0;
	padding-left:0px;
	}

.aboutmenu li:nth-child(1) a
	{
	background-color:#ff6600;
	font-size:calc(.65em + 1vw); 
        font-family: 'Josefin Sans', sans-serif;
        font-weight:bold; 	
	color:#ffffff;
	text-align:left;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	display:block;
	cursor:default;
	}
	
.aboutmenu li:nth-child(n+2) a
	{
	color:#ff6600;
	background-color:#ffffff;    	
        font-size:calc(.65em + 1vw); 
        font-family: 'Josefin Sans', sans-serif;
        font-weight:bold;
	text-align:left;
	padding:8px 5px 5px 5px;
	display:block;
	text-decoration:none;
	}

.aboutmenu a:hover:nth-child(n+1)
	{
	background-color:#ff6600;    
	color:#ffffff;
	}

.recentarticlewrap
	{
	margin:5% 0 4% 0;
	display:block;
	width:100%;
        text-align:left;
	cursor:pointer;
        border: 2px solid #ff6600;
        overflow-y:hidden;
        overflow-x:hidden;
        padding:0;
        box-shadow: 0 0 5px #888;
	}

.recentarticle a
	{
	text-decoration:none;
	color:#ff6600;
	}

.title
	{
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.65em + 1vw);
	border-bottom:1px solid #666666;
	margin:4% 1% 1% 1%;	
	}

.date
	{
	text-align:right;
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.3em + 1vw);
	margin-right:1%;	
	}

.recentarticle
	{
	padding:5px 30px 10px 30px;
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.55em + 1vw);
        display:block;
        border-bottom:2px solid #ff6600;
        overflow:hidden;
	}

.recentarticleheading
        {
        width:100%;
        background-color:#ff6600;
        color:#ffffff;
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.6em + 1vw);
        padding:4px 0px 4px 4px;
        margin:0
        }

.recentarticle li:nth-child(1)
	{
	padding:0px 10px 5px 50px;
	display:block;
        }

.recentarticle li:nth-child(n+2)
	{
	padding:10px 10px 5px 50px;
	display:block;
	}

#articleimage
        {
        padding: 3px;
        border: 1px solid black;
        width:100%;
        }

.articleimage
       {
        margin: 0px 0 1% 0;
        width:27%;
        float:right;
       }

.testimonial
        {
        font-family: 'Josefin Sans', sans-serif;
        background-color:#f8f8f8;
	border-bottom: 4px solid #D3D3D3;
	border-top: 4px solid #D3D3D3;
        padding:2%;
        color:#484848;
        }


.clientwords
        {
         font-size:calc(1.15em + 1vw);
         margin-bottom:1%;
         }


.clientname
        {
         font-size:calc(.5em + 1vw);
         margin: 2% 0 0 60%;
         }
