@media only all and (max-width: 700px) {
body {
	font-size: 12px;
	line-height: 17px;
}
#wrapper {
	width: 100%;
	min-width: 240px;
}

.entry-text,
.logo-bar {
	position:relative;
}	
div[class^="box"] {
	width: 100%;
}
div[class^="box"]:nth-of-type(n+2) {
	margin-top: 10px;
}
h1 {
	font-size: 1.3em;
	line-height: 1.4em;
}
h2 {
	font-size: 1.2em;
	line-height: 1.3em;
}
h3 {
	font-size: 1.1em;
	line-height: 1.2em;
}
.col-2, .col-3, .col-4 {
	flex-wrap:wrap;
}	
	
.col-2 .col,
.col-3 .col,
.col-4 .col,
.col-2-uneven .col:first-child,
.col-2-uneven .col:last-child,
.colored-2.col-2-uneven .col:first-child,
.colored-2.col-2-uneven .col:last-child	{
	flex:1 1 100%;
	max-width:100%;
}	

.col-2 .col:first-child,
.col-3 .col:nth-of-type(-n+2),
.col-4 .col:nth-of-type(-n+3) {
	margin-right:0;
}

.col-2 .col:nth-of-type(n+2),
.col-3 .col:nth-of-type(n+2),
.col-4 .col:nth-of-type(n+2) {
	margin-top:15px;
	margin-left:0;
}	
	
.colored-2.col-2 .col:nth-of-type(n+2) {
    padding-left: 4%;
}	
	
.logo-seperated .col-header a img {
    margin: 30px 0 0 0;
	float: left;
}	
	
.col-bg-color .col	{
    padding: 20px 0;
}	
	
.round .col {
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  border-radius: 0; 
}	
	
.light-edge .col:last-child:before,
.light-edge .col:last-child:after {
    display:none;
}	
.text-right { text-align: left;}	
}