/* kwarr.co.uk */
/* Note css for small screens first, responsive to larger screens below */
* {
	margin: 0;
	padding: 0;
	font-family: montserrat, helvetica, verdana, arial, sans serif;
}
body {
    margin-left: 5%;
    font-size: 100%;
    margin-top: 2em;
}
p, h1, h2 {
	color: #666666;
}
h1, h2 {
	font-size: 1.3em;
	font-weight: bold;
}
h1 {
    margin-bottom:2em;
}

a:link, a:visited, a:hover, p:hover {
	color: black;
	text-decoration: none;
}
a:hover, p:hover {
	background: #aaaaaa;
}


div.website {
    clear:both;
    border-top:1px #eee solid;
    padding-top:1rem;
    padding-bottom:0;
    margin:0;
    }

div.website:last-of-type p {
    padding-bottom:0.2rem;
    border-bottom:1px #eee solid;
}

img {
    float:left;
    width:20px;
    height:20px;

}
p {
	margin-top: 0;
    padding-top:0;
	margin-left: 30px;
	float: left;
	width: calc(95% - 50px);
}
p.no-image {
    width:20px;
    height:20px;
    border:blue solid 1px;
    margin:0;
}

@media only screen and (min-width : 600px)  {
body {
	margin-left: 20%;
	font-size: 90%;
}
}