body {width:100%; margin:0; padding:0; font: 1em 'Roboto', Helvetica, Arial, sans-serif; font-weight:300; line-height:1.6; color:#111; }#tank-brackets a {text-decoration:none;}img{max-width:100%;  height:auto;}h1 {font: 1.75em 'Roboto'; color:#525151;	font-weight:300; line-height:1.4;	}h2 {font: 1.62em 'Roboto';	color:#6b6a6a; font-weight:300; margin:2em 0 0 0;}h3 {font: 1.5em 'Roboto';	color:#e27408; font-weight:300; margin:2em 0 0 0; }header {width: 100%; background:#222; height:4em; padding-top:1em;}.logo {width:35%; float:left; }nav  {width:65%; float:left; font: 1em 'Roboto'; text-transform:uppercase; color:#fff; text-align:right;}nav ul {list-style:none;	margin:0 auto; padding-left:2%;}nav li {display:inline; line-height:3.5em; margin-left:4%;	}nav ul li a:link, nav ul li a:visited {color: #fff; text-decoration: none;	}nav ul li a:hover, nav ul li a:active {color: #ccc;}nav ul li#on a {color: #ccc;}nav a#pull { display: none; }  #hero {padding:7em 0 3em 0; width:100%; background: #0b0b0e url(images/bg.jpg) center top no-repeat;}#hero h1 {font-size:2.25em; color:#fff; }#hero h2 {color:#fff; width:70%; }#hero2 {width:100%; height:300px; background: #111216 url(images/bg-hn.jpg) center top no-repeat;}.content {max-width:1140px; margin:0 auto; padding:0 20%;}section { margin: 2em 0 4em 0; }ul.arrow {list-style:none;}.arrow li {padding-left: 15px;background: url(images/arrow.jpg) top left no-repeat;}a:link, a:visited {color: #0456a5;}a:hover, a:active {color: #0577e5;}.image-right {float:right;margin:1em;}footer {clear:both; background: #222;  text-align: center; padding:3em 0 1em 0; color:#fff; }footer ul {list-style:none; padding:0;}footer li {display:inline;		padding:0 2%;	}#copyright {font-size: 82%;color:#ccc; margin-top:3em;}footer a:link, footer a:visited {color: #fec994; text-decoration: none;	}footer a:hover, footer a:active {color: #fff;	}footer a.footernav:link, footer a.footernav:visited  {color: #A1C2BF; text-decoration: none; }footer a.footernav:hover, footer a.footernav:active {color: #fff;	}footer a#fon {color: #BFBAB4;}.clearer { height:1px; overflow:hidden; margin-top:-1px; clear:both;}th {    border-bottom: 2px solid #999;    font-size: 80%;    font-weight: normal;    padding: 6px;}td {    border-bottom: 1px solid #cccccc;    padding: 2px 6px;}a.table {text-decoration:none;}@media screen and (max-width: 1260px) {nav  {font-size: .9em; }nav ul {padding:0;}.content {margin:0 auto; padding:0 10%;}}@media screen and (max-width: 840px) {header { height:8em; }.logo {width:100%; float:none; text-align:center;}nav  {width:100%; float:none; text-align:center;}.first {margin:0;}#hero h1 {font-size:1.75em; }#hero h2 {font-size:1.25em; }}@media screen and (max-width: 660px) {nav li {margin-left:2%;	}.content { float: none;}.text {width: 90%;}}@media screen and (max-width: 480px) {nav {padding: 1em 0; font-size:1em;}  nav ul { display: none; height: auto; padding:0; }  nav li { display:block; border-bottom:1px solid #ccc; }  nav a:link, nav a:visited {color: #fff; text-decoration: none; text-align:left; padding-left:4%;	line-height: 40px;   display: block; width: 80%; background-color:rgba(34,34,34,0.75); position: relative; }nav a#pull { display: block; width: 80%; position: relative;}  h1 {font-size:1.5em; line-height:1.4;	}#hero h2 { width:100%; }footer { padding:3em 1em 1em 1em;}footer li {display:block; margin: 0 0 1em 0;	}}