@charset "utf-8";

body {
	font: 100%/1.4 'Titillium Web', sans-serif;
	margin: 0 auto;
	max-width:504pt;
	padding:20pt 20pt 20pt 20pt;	
}

ul {
	list-style-position: inside;
	margin-bottom:.7em;
}

li {
	list-style-type:disc;
	padding-left: 1em;
}

p {
	margin-bottom:.7em;
}

.heavy {
	font-weight: bold;
}

h1, h2, h3, h4 {
	margin: 0;
	font-weight: inherit;
	line-height: 1.2;
}

h1 {
	font-size: 3.998em;
	font-weight: 700;
}

h2 {font-size: 2.827em;
}

h3 {font-size: 1.999em;
	font-weight: 700;
}

h4 {font-size: 1.414em;
	font-style:italic;
	padding-bottom: 10px;
}

h5 {
	margin-top: 1em;
	font-size: 1.2em;
	font-weight: 700;
	}

.container {
	background-color:#FFFFFF;
	display:flex;
	justify-content:center;
	margin:0 0 20px 0;
	flex-wrap:wrap;
}
.btn {
	background-color: #DDD;
	font-size: .9em;
	padding:6px;
	margin:3px;
	border-radius:4px;
	transition: 0.3s;
}

.btn a {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

.btn:hover {
	background-color: #999;
}
.btn:active {	background-color: #099;}

#header {
  padding:3px 0 3px 0;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

@media only screen and (min-width: 360px) {
.scrollToTop{
    width:30px; 
    height:30px;
    padding:7px; 
    text-align:center; 
    background:#FFF;
    text-decoration: none;
    position:fixed;
    bottom:30px;
    right:30px;
    display:none;
	opacity:.6;
	background-image:url("http://electriquestew.com/john_middleton/images/arrow_up.png");
	background-size:cover;
	outline:none;
	border:0;
}
.scrollToTop:hover{
    text-decoration:none;
}

.scrollToTop a{
    outline:0;
	border:0;
}


}