body {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

h2 {font-size: 1.5rem;}

div.content-wrapper {
	margin: 1em auto;
	max-width: 800px;
}

div.col {
	float: left;
	width: 42%;
	padding: 0 0 1rem 4%;
}

div.col > p:last-child {
    margin-bottom: 0;
}

div.col-heading {
	padding-bottom: 0;
}

ul {
    list-style-type: square;
    padding-left: 0;
    list-style-position: inside;
}

a {text-decoration: none; color: #000;}
a:hover {text-decoration: underline;}

img#logo-wide, img#logo-small  {
    width: 283px;
    height: 124px;
		display: none; 
		visibility: hidden;
}

img#signature {	height: 40px; }

@media screen and (max-width: 689px) {
	
	a {
    display: inline-block;
    padding: .3rem;
    margin-bottom: .2rem;
    background-color: #efefef;
    border-radius: 5px;
}
	
	img#logo-small {display: initial; visibility: initial;}
	
	h2 {font-size: 5vw;}
	
	div.col {
		float: none;
		width: initial;
		padding: 0 1rem 1rem 1rem;
	}
	
	div.col-heading {
		padding-bottom: 0;
  }
	
	a {
		display: inline-block;
		padding: .3rem;
		margin-bottom: .2rem;
		
	}
}

@media screen and (min-width: 690px) {

	img#logo-wide {display: initial; visibility: initial;}
	.col.col-last img {
		margin-left: -44px;
	}
	
	.col.col-last  {
		padding-left: 44px;
		margin-left: 4%;
	}
	
	.col.col-first {
		padding-top: 43px;
	}
	
	.col.col-first h2 {
		margin-top: 0;
	}
	
 }