@media only screen and (min-width : 0px) and (max-width :960px) {
    .contain{
        width: 100%;
    }
}
@media only screen and (min-width : 0px) and (max-width :780px) {
	.col_50{
		width: 100%;	
	}
	header{
		background-size: 350px auto;	
	}
		#topBar{
			display: none;	
		}
		#logo{
			width: 75%;	
			float: none;
			margin: auto; 
		}
	
    #menuBtn{
       display: block;
        
    }
    #loginBtn{
       display: block;
    }
    #olb{
		display: none;
/*      position: fixed;
		margin: 0 5%;
		top: 3em;
		width: 90%;
		border-radius: 20px;
		border: 5px #FFF solid;
		z-index: 5;
		background-color: #7488AF;*/
		
    }
	#olb h1{
		background-color: transparent;	
	}
    #leftBanner{
        display: none;
    }
	#rightBanner{ 
		width: 100%;	
	}
	#calculators a {
		float: none;
		height: auto;
		margin: 0.25em 0;
		width: auto;
	}
	
	#footerLinks{
		
	}
		#footerLinks ul, #footerLinks ul li, #footerLinks ul li a{
			width: 100%;
			float: none;	
		}
		#ncua{
			width: auto;	
		}
		   
	
	
}