@media only screen and (min-width : 0px) and (max-width :1120px) {
   .contain{
      width: 1000px;
   }
	#name {
    font-size: 25px;
    padding-left: 12px;
	}
	
@media only screen and (min-width : 0px) and (max-width :1119px) {
   .contain{
      width: 100%;
   }
   aside{display: none;}
   #banner{width: 100%;}
 	header .loginBtn{
			display: block;
			background-color: #FAE752;
			border-radius: 20px;
			margin: auto;
			float: none;
	}
		
}


@media only screen and (min-width : 0px) and (max-width :960px) {
   .contain{
      width: auto;
   }
   #googleMap{
	   width: 100%;
	   }
    
}
@media only screen and (min-width : 0px) and (max-width :800px) {
    #logo{
        width: auto;
        float: none;
    }
    nav{
        position: relative;
        clear: both;
        width: 100%;
    }
        nav a{
            background-color: transparent;
        }
}
@media only screen and (min-width : 0px) and (max-width :780px) {
	h1 {
		width: 90%;	
	}
	h2 {
		width: 85%;	
	}
	#logo img{
		width: 100%;
			
	}
	#menuBtn{
			display: block;
		}
	header .loginBtn{
		width: 50%;
		background-color: #456902;
		float: right;
		border-radius: 0;
	}
	header .loginBtn a{
		color: #FFF;
	}
    aside{
        position: relative;
        width: auto;
        min-height: 200px;/*Temp Style: Remove when you add login*/
    }
	.box{
		margin-left: 0;
	}
	.listStyl {
	  columns: 1;
	}

}
@media only screen and (min-width : 0px) and (max-width :600px) {
    .box{
        width: auto;   
        float: none;
    }
	#box2{
		margin-bottom: 10px;
		}
	#FDIC{
        width: 60%;
		float: none;
		margin: auto; 
    }
	#EHL{
		width: 30%;
		float:  left;
		margin: 0 0 20px 40px;
	}
	#btmLinks{
		display: none; }
	#btmLinks2{
		display: block;
		font-size: 15px;
		display: inline-block;
		padding: 40px;
		}
		#btmLinks2 a{
			font-size:15px;
			color: #000;
			text-decoration: none;
			font-weight: bold;
}

}