/* CSS Document */

/* Media Queries For Mobile Friendly Versions */
@media only screen and (min-width : 1400px){

}

@media only screen and (min-width : 0px) and (max-width :1024px) {
	
}

@media only screen and (min-width : 0px) and (max-width :960px) {
        .container {
            margin: auto;
        
            width: 90%;
            position: relative;
        }
}

@media only screen and (min-width : 0px) and (max-width :847px) {
        
     	body {
            background-color: #E8ECF2;
            font-size: 18px;
        }
	
    	#banner{
			float: none;
			width: 100%;
    	}
        #loginColumn{
	        position: relative;
            width: auto;
            border-right: 5px #344C8C solid;
        }
        #footer { 
           /* background-color: red;*/
        }

        #footer p {
            font-size: 1em;
        }
    #navigation{
        float: none;
    }
    #navigation a{
        display: block;
        text-align: center;
        padding: 1em;
        border-top: solid 1px #000;
    }
    #rates_container{
        overflow-x: auto;
    }

}

@media only screen and (min-width : 0px) and (max-width : 430px) {
	
		img {
			/*max-width: 600%;*/
		}

        #container {
            margin: auto;
            max-width: 414px;
            position: relative;
        }

}