html, body, div, span, object, h1, h2, h3, h4, p, a {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
* {box-sizing: border-box;}

body {margin: 0 auto; color: #222; font-family: verdana, sans-serif; font-size: 100%; line-height: 1.2; 
background: #e6f3ff;}

.header {padding: 0; display: block; text-align: center; font-size: 1.2em;}
.footer {padding: 0; text-align: center;}

.menu {display: flex; flex-wrap: wrap;}
.menu > div {margin: 2px; padding: 2px 6px; font-size: 1em; color: #0977BC; text-align: left;}

.boxo {margin: 0 auto; padding: 0; width: 70%;}

/* 
left-right */
.row {margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%;}
.left {flex: 50%; background-color: transparent; padding: 20px;}
.right {flex: 50%; background-color: transparent; padding: 20px;}

/* home h1 h2 h3 . moss h1 h2 . test h1 h4 */
h1, h2, h3, h4 {font-weight: normal; color: #0977BC; text-align: center;}
h1 {margin: 0; padding: 6px 0 6px 0; font-weight: bold; font-size: 1.3em; color: #0977BC; background-color: rgba(009, 119, 188, 0.3);}
h2 {margin: 0; padding: 0 0 4px 0; font-size: 1.2em;}
h3 {margin: 0; padding: 0 0 4px 0; font-size: 1.1em; font-style: italic;}
h4 {margin: 0; padding: 0; font-size: 1em; font-style: italic; text-align: left;}

a {padding: 0 1em; color: #fff; text-decoration: none; color: #0977BC;}
a:hover, .menu a:active {color: #f00;}

p {margin: 0; padding: 0; color: #0977BC; text-align: left;}
p.home {margin: 0 auto; padding: 0; width: 500px;}
p.list {margin: 0; padding: 0em 0 0.7em 0; text-align: center;}
p.ref {margin: 0; padding: 0.5em 0 0.5em 0; text-align: left;}

img {margin: 0 auto; padding: 10px 0 10px 0; align-items: center; border-radius: 4px;}
.responsive {width: 100%; height: auto;}

figure {margin: auto; padding: 0px;}
figcaption {padding: 4px 0px; font-style: italic; font-size: 0.9em; color: #fff; text-align: center; background: #0977BC;}

hr {margin: 6px 0; color: #0977BC; background: #0977BC; width: 100%; height: 1px; border: 0px;}

@media (max-width: 700px) {.row {flex-direction: column;}}
/*
#29ACE2 light
#0977BC dark
www.bensonsroofinggeelong.com.au
hipages -->
https://www.bing.com/ck/a?!&&p=d6ded26b900b8527JmltdHM9MTY4MzQxNzYwMCZpZ3VpZD0xOTZkM2RkYi0yNDljLTY5YTYtMTUxNC0yZGQzMjUxNTY4MzMmaW5zaWQ9NTE4NQ&ptn=3&hsh=3&fclid=196d3ddb-249c-69a6-1514-2dd325156833&psq=bensons+roofing+highton&u=a1aHR0cHM6Ly9oaXBhZ2VzLmNvbS5hdS9jb25uZWN0L2JlbnNvbnNyb29maW5n&ntb=1

.................................................... 

*/