@media only screen and (min-width : 1400px){
 aside{
	 left:calc((100% - (1400px - 100px))/2);
	}

}

@media only screen and (min-width : 0px) and (max-width :960px) {
   .contain{
      width: auto;
   }
    
    
}
@media only screen and (min-width : 0px) and (max-width :1024px) {
		header{
		position: relative;
	}
	#olb{
		/*display: none;*/
	}
		.flex{
		display: block;
	}
	.our_people > *{
		flex-basis: 50%;
	}
		.our_people.flex{
		display: flex;
	}
	.info_boxes{
		display: inherit;
	}
    #logo{
  
        float: left;

		width: 50%;
		display: block;
		padding: 0.5em 0;
	}
	aside{
		top: 0;
	}
	#banner .slides > li > *::before, .page_header::before {
		display: none;
	}
	#banner .slides h2{
		margin: 0;
	}
	  #menu_btn{
       display: block;
        float: right;
    }
    #login_btn{
       /*display: block;*/
		float: right;
    }
	
    nav{
        position: relative;
        clear: both;
        width: 100%;
		display: none;
    }
        nav a{
            background-color: transparent;
        }
	aside{
        position: relative;
        width: auto;
		left: 0;
    }
	.blurb{
		background-color: linear-gradient(90deg,  rgba(14, 37, 71, 0.8),  rgba(14, 37, 71, 1.0)  );
	}
	.blurb_text{
		width: 100%; 
		background-color: rgba(14, 37, 71, 0.5);
	}
}
@media only screen and (min-width : 0px) and (max-width :740px) {

	#calculators a {
		width: 100% !important;
	}
/*	.our_people{
		grid-template-columns: auto auto ;
	}*/
	.our_people > *{
	flex-basis: 0;
	align-content: center;
    justify-content: space-evenly;
}
	.our_people.flex{
		display: flex;
		flex-direction: column;
	}
	    .info_boxes .box{
			width: auto;   
			float: none;
			padding: 1em;
		}
		.promo_boxes{
			display: block;
		}

		#banner{
			clear: both;
		}
		#logos{
			display: block;
		}
}
@media only screen and (min-width : 0px) and (max-width :600px) {


}