html, body {
		margin:0;
		padding:0;
		height:100%;
	}

	body {
		font: normal normal 400 10px/1.5em "Segoe UI",Arial,Helvetica,Sans-Serif;
		background:url(/img/header.png) repeat-x;
	}

	#Page {
		width:60em;
		position:relative;
		margin:auto;
	}

	#Page p {
		font-size:1.4em;
		color:#666;
		padding:0 0 15px;
		margin:0;
		line-height:1.4em;
	}

	#Data {
        width: 100%;
	}
	
	.left, .right {
		width:50%;
	}

	.left {
		float:left;
	}

	.right {
		float:right;
	}

	.clear {
		clear:both;
		overflow:hidden;
		height:1px;
	}

	h1 {
		font-size:2em;
		line-height:1.3em;
		color:#999;
		text-transform:uppercase;
		margin:0;
		padding:15px 0 35px;
	}

	h3 {
		color:#0072a4;
		font-weight:700;
		font-size:1.4em;
		margin:0;
		padding:0 0 15px;
	}

	a {
		color:#1200A6;
		text-decoration:none;
	}

	a:hover {
		text-decoration:underline;
	}

	img {
		border:0;
	}
    
    
    @media screen and (max-width: 600px) {
	#Page {
		width: 100%;
	}

    #Application {
    	padding: 10px;    
    }
        
	img {
		width: 100% !important;
		height: auto !important;
	}
	
	p {
		font-size: 18px !important;
	}

	h2 {
	    font-size: 28px !important;
		padding: 20px 0;
        line-height: 36px;
        margin: 0 !important;
	}

	.left {
		width: 100%;
		font-size: 18px;
	}

	.right {
		width: 100%;
		font-size: 18px;
	}


}