html {
  position: relative;
  min-height: 100%;
}
body {
	font-family: 'Roboto', Tahoma, sans-serif;
	font-size: 15px;
	overflow-x: hidden;
	font-weight: 400;
	color: #222222;
}



H1					{ font-size:24px; color:#003366; margin: 15px; padding: 0px; font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-family: 'Saira Condensed'; }

.grow { transition: all .6s ease-in-out; }
.grow:hover { transform: scale(1.05); }


@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 992px) {
  .container { width: 970px; }
}
@media (min-width: 1200px) {
  .container { width: 1170px; }
}

.row				{ padding:0; margin:0; }
.container 			{ padding-left: 6px; padding-right: 6px; }

a					{ color: #3d7978; }
a:hover				{ color: #007978; text-decoration: none; }