@charset "utf-8";

@media screen and (max-width: 1350px){
	#home_welcome_container{
		flex-flow: column-reverse;
		align-items: center;
		padding-top: 0px;
	}
	.flex3{max-width: 800px;}
    h3{font-size: 20px;}
    h4{font-size: 14px;}
}
@media screen and (max-width: 1200px){
	.card{
		align-items: center;
		padding: 0em 5em 5em 5em;
		margin-right: 0;
	}
	.home_welcome{
		display: flex;
		max-width: 500px;
		padding: 0 10%;
	}
	#mobile_center{text-align: center;}
	#mobile_center2{text-align: left;}
    #phone{display: none;}
    #mobile_phone{display: inline-block; font-size: 30px;}
}
@media screen and (max-width: 1100px){
	.banner{height: 350px;}
	.banner_home{height: 350px;}
    #cta_text{font-size: 17px;}
    h6{
		font-family: Raleway;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		font-size: 30px;
		padding-bottom: 25px;
		color: #fff;
		text-shadow: 1px 1px 5px black;
	}
	h2{
		font-family: Raleway;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		font-size: 25px;
		color: #00468b;
	}
    
    #home_map_wrapper{flex-direction: column;}
    .home_map{max-width: 500px;}
	.wrapper_main{flex-flow: column;}
    .flex1{padding: 2em}
    .underline{margin: 5px auto;}
    .underline_left{margin-top: 5px;}
}
@media screen and (max-width: 1060px){
	.flex_header2{
		flex: 1;
	}
    .hamburger{
		display: block;
	}
	.menu {
		display: none;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display: block;
		z-index: 1000;
		position: relative;
		padding: 0;
		line-height: 40px;
	}
    .ghost_menu {
		width: 100%;
	}
	/*Create vertical spacing*/
	.ghost_menu li {
		border-top: thin solid white;
	}
	/*Make all menu links full width*/
	.ghost_menu li, .ghost_menu li a {
		width: 100%;
		color: white;
		background-color: #00468b;
		line-height: 40px;
		height: 40px;
	}
	.ghost_menu ul li a:active,  body.index li.index a,  body.about li.about a,  body.services li.services a, body.referrals li.referrals a,   body.careers li.careers a,  body.contact li.contact a {
		height: 40px;
		border-bottom: none;
		background-color: #ed2623;
		animation: none;
	}
}
@media screen and (max-width: 950px){
    #service_icons{
        flex-direction: column;
        align-items: center;
        padding: 5% 0;
    }
    .flex{
        max-width: 500px;
        padding: 25px 5%;
        flex-direction: column;
    }
}
@media screen and (max-width: 875px){
	.card{
		display: flex;
		flex-flow: column;
		width: 90%;
		padding: 50px 2.5% 2.5% 2.5%;
		background-color: rgba(255,255,255,0.65);
	}
	.flex_cta{
		width: auto;
        padding: 2em;
        flex: 1;
	}
	.flex_cta_mid{
        width: auto;
        padding: 2em;
        flex: 1;
	}
	.wrapper_cta{
		max-width: 500px;
		flex-flow: column;
        display: flex;
	}
	.centered_item{
		display: flex;
		flex-flow: column;
		max-width: 850px;
		padding: 5em 2.5em;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.lightbox img {
		/** Pad the lightbox image */
		width: 85%;
		height: auto;
	}
}
@media screen and (max-width: 800px){
	.logo{height: 60px;}
	.footer_logo{height: 70px;}
	.banner_home{height: 650px;flex-direction: column;}
    #banner_home{background-image: url(../images/home_banner_mobile.jpg);background-position: center bottom;}
    .home_cta{
        padding: 5%;
        max-width: none;
        width: 80%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
	.banner{height: 200px;}
    #cta_text{font-size: 16px;}
	#home_career1{padding: 5em 2.5em;}
	#home_career2{display: none;}
	#map_container{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.home_map{
		max-width: 350px;
		height: auto;
		display: flex;
		padding-bottom: 50px;
	}
	.wrapper_cta{
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 1200px;
		position: relative;
		transform: translateY(0px);
		box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.25);
	}
}

@media only screen and (max-width: 768px) {
  .ghost_menu .dropdown-menu {
    text-align: center;
    position: static;
    float: none;
    width: 100%;
    margin-top: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  
  .ghost_menu .dropdown-item {
    text-align: center;
    padding: 8px 15px;
  }
  
  /* Fix for dropdown toggle alignment */
  .ghost_menu .nav-link.dropdown-toggle {
    text-align: center;
    display: block;
    width: 100%;
  }
}