@media only screen and (min-width : 0px) and (max-width :1100px) {
    .contain{
        width: auto;   
    }
	img {
		max-width: 100%;	
	}
    footer{
		padding: 10px 30px;}
}

@media only screen and (min-width : 0px) and (max-width :800px) {
    header{
    }
        #logo{
            float: none;
			width: auto;
        }

		#loginBtn {
                display: block;
            }
            #olb {
                display: none;
                left: 5%;
                position: fixed;
                top: 1em;
                width: 90%;
                z-index: 10;
            }
                #loginCancel {
                    display: block;	
                }
    #mainContent{
         width: 100%; 
    }
    aside{
        width: 100%; 
        margin-bottom: 0;
    }
        #sideNav ul li{
			float: left;
			margin-left: 1%;
			width: 48%;  
	      }
			#box1{
				width: 39%;
				}
			#box2{
				width: 20%;
				}
			#box3{
				width: 39%;
			}  
			footer{padding: 10px 0;}  
			#NCUA, #EHL{
				float: none;
				margin: auto;
				width: 70%;
				clear:both;
			}
	.staff_box{
		width: 33.3%;	
	}
}
@media only screen and (min-width : 0px) and (max-width :760px) {
        #btmBoxes .box{
            margin: 0.5em 0;
            width: 100%;
        }
}
@media only screen and (min-width : 0px) and (max-width :740px) {
    #mainContent{
    }
	
        #btmBoxes .box{
            margin: 0.5em 0;
            width: 100%;
        }

	#sideNav ul li{ 
		width: 48%;
		margin: 1% 1%;
	}
	
        #infoBox{display: none;}
    	.rb{
			display: none;				
				}
			#NCUA img {
	 float: none;
     margin: auto;
	}
	#EHL img {
	 float: none;
     margin: auto;
	 padding: 0;
	}
	.staff_box{
		width: 50%;	
	}
    
}
@media only screen and (min-width : 0px) and (max-width :500px) {
	#logo img {
		width: 100%;
	}
#sideNav ul li{ 
		width: 97.5%;
		margin: 1.5% 1%;
	}
	.addressInfo, .ncua_text{
		width: 100%;	
	}

            .staff_box{
				width: 80%;	
				margin: auto;
				float: none;
			}

        }