html,body{font-family:arial,helvetica;font-size:13px;color:#666;height:100%;margin:0;padding:0;line-height:180%;}
html{overflow-y:scroll;}
body{background:#f2f2f2;}

a:link,a:visited{text-decoration:none;color:#003d86;}
a:hover,a:active{text-decoration:underline;color:#000;}

h1{margin:0;padding:0;font-weight:normal;font-size:20px;line-height:32px;color:#003d86;}

div.wrapper{height:100%;position:relative;}
div.content_wrapper{width:600px;height:340px;margin:auto;top:0;right:0;bottom:0;left:0;position:absolute;}

div.logo{text-align:center;padding-bottom:26px;}
	div.logo a{display:inline-block;}
		div.logo a img{width:100%;height:auto;max-width:120px;}

div.column{width:50%;padding:20px;display:inline-block;vertical-align:top;height:200px;box-sizing:border-box;background:#fff;}

div.column.image{border:0;}
div.column.text{border:1px solid #ddd;}

div.suggestion{margin:10px 0 4px 0;text-align:center;}

div.image{background:url('image.jpg') center center no-repeat;
-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}

div.text{overflow:hidden;}

@media (max-width: 700px){
	h1{font-size:18px;}
	div.content_wrapper{width:88%;height:400px;height:auto;margin-top:26px;position:static;}
	div.column{width:100%;display:block;}
	div.text{height:auto;}
}