html, body { margin:0; padding:0; height:100%; font-family: 'Roboto', san-serif; }

.site-width { max-width: 1500px; padding-left: 20px; padding-right: 20px; margin: auto; }
.lg-site-width { max-width: 1200px; padding-left: 20px; padding-right: 20px; margin: auto; }
.med-site-width { max-width: 800px; padding-left: 20px; padding-right: 20px; margin: auto; }
.sm-site-width { max-width: 600px; padding-left: 20px; padding-right: 20px; margin: auto; }

.hide { display: none; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.space-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.align-center { align-items: center; }
.display-block { display: block; }
.text-center { text-align: center; }
.bg-center { background-repeat: norepeat; background-size: cover; background-position: center; }
.max-image { max-width: 100%; height: auto; }
.one-column { width: 100%; }
.two-column { width: 50%; }
.four-column { width: 25%; }
.five-column { width: 20%; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.absolute.full { width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }
.pointer { cursor: pointer; }
.z-index-1 { z-index: 1; }
.white { color: #FFF; }
.roboto { font-family: 'Roboto', san-serif; }
.no-list, .no-list ul, ul.no-list > li {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

@media (max-width: 1024px) {
	.tbl-one-column { width: 100%; }
	.tbl-flex-column { flex-direction: column; }
}