@charset "utf-8";

@media screen and (max-width: 1325px){
	.page_content_half_center{
		width: 60%;
		padding: 50px 5%;
		display: table;
		margin: auto;
		position: relative;
	}
}
@media screen and (max-width: 1275px){
	#home_background{
		background-image:url(../images/home_background.jpg); 
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
		display: table;
	}
	.home_page_content_half_left2{
		width: 60%;
		padding: 50px 0px;
		display: inline-block;
		vertical-align: middle;
		z-index: 0;
	}
	.home_page_content_half_right2{
		width: 35%;
		padding: 50px 0px;
		display: inline-block;
		vertical-align: middle;
		z-index: 0;
	}
}
@media screen and (max-width: 1265px){
	#ghost_menu{
		display: block;
		width: 100%;
		height: 25px;
		background-color: #004686;
	}
	.header_heading{
		text-align: right;
	}
	.header_logo_container{
		display: inline-block;
		vertical-align: middle;
		width: 45%;
		padding: 15px 2.5%;
	}
	.header_menu_container{
		display: none;
	}
	.header_phone_container{
		width: 45%;
		vertical-align: middle;
		padding-top: 22px;
		text-align: right;
	}
	.logo{
		float: left;
	}
	.menu {
		position: static;
		display: none;
		z-index: 1000;
		border-bottom: none;
		margin-top: 0px;
		box-shadow: -2px 2px 7px 0px rgba(0, 0, 0, 0.5);
	}
	/*Create vertical spacing*/
	.menu li {
		border-top: thin solid white;
		z-index: 1000;
	}
	/*Make all menu links full width*/
	.menu li, .menu li a {
		width: 100%;
		background-color: #004686;
		color: white;
		z-index: 1000;
		line-height: 35px;
		font-size: 14px;
		height: 35px;
		border-radius: none;
	}
	.menu ul li:hover,
	body.index li.index a,
	body.about li.about a,
	body.faq li.faq a,
	body.services li.services a,
	body.careers li.careers a,
	body.contact li.contact a {
		z-index: 1000;
		border-top: none;
		border-bottom: none;
		border-radius: 0px;
		background-color: #82c55b;
		font-weight: bold;
		text-align: center;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		z-index: 1000;
		position: relative;
	}
}
@media screen and (max-width: 1225px){
	.home_page_content_half_left2{
		width: 80%;
		padding: 100px 0px 50px;
		display: block;
		vertical-align: none;
		margin: auto;
		position: relative;
		z-index: 0;
	}
	.home_page_content_half_right2{
		width: 50%;
		padding: 0px 0px 50px;
		display: block;
		vertical-align: none;
		margin: auto;
		position: relative;
		z-index: 0;
	}
}
@media screen and (max-width: 1050px){
	#ghost_welcome{
		display: block;
	}
	#home_background{
		background-image:url(../images/home_background.jpg); 
		background-size: cover;
		background-position: top right;
		background-repeat: no-repeat;
		display: table;
	}
	.home_page_content_half_left{
		display: none;
	}
	.home_page_content_half_right{
		width: 80%;
		float: none;
		margin: auto;
		position: relative;
		padding: 50px 0px;
		display: table;
		vertical-align: none;
		z-index: 0;
	}
	.home_page_content_half_right2{
		width: 65%;
		padding: 50px 0px 50px;
		display: block;
		vertical-align: none;
		margin: auto;
		position: relative;
		z-index: 0;
	}
	#img_container_about{
		background-image: url(../images/about.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top left;
		border-bottom: medium solid #004686;
		min-height: 300px;
		display: block;
	}
	#img_container_careers{
		background-image: url(../images/careers.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		border-bottom: medium solid #004686;
		min-height: 300px;
		display: block;
	}
	#img_container_contact{
		background-image: url(../images/contact.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		border-bottom: medium solid #004686;
		min-height: 300px;
		display: block;
	}
	#img_container_faq{
		background-image: url(../images/faq.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		border-bottom: medium solid #004686;
		min-height: 300px;
		display: block;
	}
	#img_container_services{
		background-image: url(../images/service.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top left;
		border-bottom: medium solid #004686;
		min-height: 300px;
		display: block;
	}
	#my-slider{
		display: none;
	}
	.third_container{
		width: 60%;
		padding: 3%;
		display: table;
		margin: auto;
		position: relative;
		vertical-align: top;
	}
	#companionship{
		padding: 50px 0px;
	}
	.welcome_container{
		width: 75%;
		padding: 5%;
		border-radius: 5px;
		background-color: rgba(255,255,255,1);
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
		margin: auto;
		float: none;
		position: relative;
		display: block;
	}
}
@media screen and (max-width: 900px){
	#footer1{
		margin-top: 25px;
		display: table;
	}
	#footer_logo{
		width: auto;
		height: 100px;
		display: block;
		margin: auto;
		float: left;
		position: relative;
	}
	.footer_social_container{
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: -ms-fit-content;
		width: fit-content;
		position: relative;
		display: block;
		margin: auto;
		float: left;
		width: 100%;
		padding-top: 15px;
	}
	.home_page_content_half_left2{
		width: 100%;
		padding: 100px 0px 50px;
		display: block;
		vertical-align: none;
		margin: auto;
		position: relative;
		z-index: 0;
	}
	.page_content_half_center{
		width: 80%;
		padding: 50px 5%;
		display: table;
		margin: auto;
		position: relative;
		animation-name: fadeIn;
		animation-duration: 1.5s;
	}
	.page_content_half_left{
		width: 80%;
		padding: 50px 5% 0px;
		display: table;
		float: none;
		margin: auto;
		position: relative;
		z-index: 0;
		animation-name: fadeIn;
		animation-duration: 1.5s;
	}
	.page_content_half_right{
		width: 80%;
		padding: 50px 5%;
		display: table;
		float: none;
		margin: auto;
		position: relative;
		z-index: 0;
		animation-name: fadeIn;
		animation-duration: 1.5s;
	}
	.third_container_footer{
		width: 80%;
		padding: 25px 3%;
		display: block;
		margin: auto;
		position: relative;
	}
}
@media screen and (max-width: 850px){
	#ghost_phone{
		display: block;
	}
	.logo{
		width: auto;
		position: relative;
		display: block;
		margin: 5px auto;
		float: left;
	}
	#phone_number_container{
		display: none;
	}
	.slogan_text{
		display: none;
	}
}
@media screen and (max-width: 825px){
	.menu {
		position: static;
		display: none;
		z-index: 1000;
		border-bottom: none;
	}
	/*Create vertical spacing*/
	.menu li {
		border-top: thin solid white;
		display: block;
		margin-right: 0px;
		z-index: 1000;
	}
	/*Make all menu links full width*/
	.menu li, .menu li a {
		width: inherit;
		background-color: #004686;
		text-align: center;
		color: #fff;
		font-size: 12px;
		z-index: 1000;
		line-height: 42px;
		height: 42px;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		z-index: 1000;
	}
	.menu ul li:hover,
	body.index li.index a,
	body.about li.about a,
	body.faq li.faq a,
	body.services li.services a,
	body.careers li.careers a,
	body.contact li.contact a { 
		z-index: 1000;
		width: 100%;
		color: #fff;
		border-left: none;
		border-right: none;
	}
}
@media screen and (max-width: 800px){
	.home_page_content_half_right{
		width: 90%;
		margin: auto;
		position: relative;
		padding: 50px 0px;
		display: block;
		vertical-align: none;
		z-index: 0;
	}
	.third_container{
		width: 80%;
		padding: 3%;
		display: table;
		margin: auto;
		position: relative;
		vertical-align: top;
	}
}
@media screen and (max-width: 700px){
	.home_page_content_half_right2{
		width: 90%;
		padding: 0px 0px 50px;
		display: block;
		vertical-align: none;
		margin: auto;
		position: relative;
		z-index: 0;
	}
	#img_container_about{
		background-image: url(../images/about.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top left;
		border-bottom: medium solid #004686;
		min-height: 200px;
	}
	#img_container_careers{
		background-image: url(../images/careers.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		border-bottom: medium solid #004686;
		min-height: 200px;
	}
	#img_container_contact{
		background-image: url(../images/contact.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		border-bottom: medium solid #004686;
		min-height: 200px;
	}
	#img_container_faq{
		background-image: url(../images/faq.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		border-bottom: medium solid #004686;
		min-height: 200px;
	}
	#img_container_services{
		background-image: url(../images/service.jpeg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		border-bottom: medium solid #004686;
		min-height: 200px;
	}
	.welcome_container{
		width: 90%;
		padding: 5%;
		border-radius: 5px;
		background-color: rgba(255,255,255,1);
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
		margin: auto;
		float: none;
		position: relative;
		display: block;
		animation-name: slideInRight;
		animation-duration: 2s;
	}
}
@media screen and (max-width: 600px){
	.heading_cta{
		color: white; 
		text-align: center; 
		font-size: 14px;
		margin: 0; 
		padding: 0; 
		font-family: 'Open Sans', sans-serif; 
		font-weight: 500;
	}
}
@media screen and (max-width: 550px){
	.header_heading{
		font-size: 24px;
	}
}
@media screen and (max-width: 500px){
	.footer_content_container{
		width: 100%;
		display: table;
		padding: 35px 0px;
		margin: auto;
		position: relative;
	}
	#ghost_social{
		display: block;
	}
	.header_third_container{
		width: 100%;
		padding: 0;
		display: block;
		vertical-align: middle;
		position: relative;
	}
	.home_page_content_half_right2{
		width: 100%;
		padding: 0px 0px 50px;
		display: block;
		vertical-align: none;
		margin: auto;
		position: relative;
		z-index: 0;
	}
	#social_media_container{
		display: none;
	}
}
@media screen and (max-width: 460px){
	.header_logo_container{
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		padding: 5px 0;
	}
	.header_phone_container{
		display: none;
	}
	.logo{
		height: 80px;
		float: none;
	}
}