@media only screen and (min-width : 0px) and (max-width :1024px) {
    .contain{
        width: 100%;
    }
	.promo_boxes .box{
		width: 40%;
	}    
	.flex_even{
		flex-basis: auto;
		
	}
}
@media only screen and (min-width : 0px) and (max-width : 960px) {
	.flex{
		flex-direction: column;
	}
	#top_info span{
		display: block;
	}
	header{
		
		
	}
	.content_header{
		display: none;
	}
	#nav{
		overflow-y: scroll;
		height: 100vh;
	}
	#logo{
		float: left;
		margin-bottom: -50px;
	}
	#logo img{
		position: relative;
		max-height: 100px;
	}

    #menu_btn{
       display: block;
        
    }
    #login_btn{
       display: block;
		float: left;
    }
    #olb{
        width: 100%;
		left: 0;
		
    }
    #leftBanner,#rightBanner{
        width: 50%;
    }
	#logos{
		display: block;
	}
	.promo_boxes{
		display: block;
	}

	.promo_boxes .box{
		width: 80%;
		margin: 1em auto;
		padding: 0.5em;
		
	}
	.promo_boxes .box .fa{
		font-size: 2em;
	}
}