html, body { margin: 0px; padding: 0px; font-family: 'Roboto', Arial, Calibri, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.7; color: #222; }
nav { background: rgba(0, 0, 0, 0.1); padding: 10px 0; }

hr { height: 1px; border: none; background: #000; }

h2 { color: #026f93; font-size: 28px; line-height: 1.5; }
h3 { font-size: 22px; line-height: 1.5; }

a { text-decoration: underline; color: #026f93; transition: all 0.2s ease-out 0s; }
/*a:link {color: #222;}*/
/*a:visited {color: #222;}*/
/*a:active {color: #222;}*/
a:hover {color: #000;}

nav a { margin-right: 20px; }
nav a:last-child { margin-right: 0; }

.content { width: 100%; max-width: 1000px; margin: 0 auto; }
section { padding-top: 40px; padding-bottom: 40px; }
ul li, ol li { margin-bottom: 15px; }

#energy-rules { background: rgba(0, 0, 0, 0.027); }


@media only screen and (max-width: 768px) {
	section { padding-top: 30px; padding-bottom: 30px; }
	.content { padding: 0 15px; width: calc(100% - 30px); }
}