@charset "utf-8";
/* CSS Document */

html, body {font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,sans-serif; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; text-rendering: optimizeLegibility;
-webkit-font-smoothing: subpixel-antialiased;}
body{margin:0; font-size:14px; color:#333;}
h1, h2, h3 { font-weight:600}
h4, h5, h6 { font-weight:400}

.header, .article { margin:auto; font-weight:400}
.header{ max-width:665px; }
.article { max-width:1024px; }

.article hgroup { padding-top:15px; padding-bottom:25px}
.article hgroup, .article hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 { margin:0}
.article hgroup h6 { font-size:12px; font-weight:400; margin-top:16px}

.article p{/*-ms-word-break: break-all; word-break: break-all;  word-break: break-word; -webkit-hyphens: auto; -moz-hyphens:  auto; hyphens:  auto*/ }
.article time{ font-size:small; font-weight:400}
.article div:first-child p:last-child { font-size: 12px; font-weight: 600; text-transform: uppercase; }

.nav>li {
    font-size: 12px;
}

footer .copyrights a{ display:inline-block; color:#333; padding-right:40px; margin-bottom:20px;}
footer .copyrights .container > div { padding-top:26px;}

.article img, .img-responsive { display:block; max-width:100%; margin:10px auto}
.bg-dk-greys { background-color:#333; color:#fff}
.bg-md-black { background-color:#111; color:#fff}

.milestone { text-align:left; color:#b5c7d9}
.milestone p{ font-weight:600}
.milestone time{ font-weight:300}

footer .bg-dk-greys a{ color:#bbb; padding-top:4px;  padding-bottom:4px;}
footer .bg-dk-greys a:hover{ background-color:transparent!important; color:#eee;}
footer .bg-dk-greys .row{ margin-bottom:20px;}
footer .bg-dk-greys ul > li > div,footer .bg-dk-greys ul > li > span{ display:block; padding-left:15px; padding-right:15px;}
footer .bg-dk-greys ul > li > div {color: #b5c7d9}
footer .row.text-muted {color: #bbb; font-size: 12px;}

footer .bg-md-black p { font-weight:400; text-align:left;}
footer .bg-md-black q { display:block; text-align:left; margin-bottom:10px}
footer .bg-md-black span, footer .bg-md-black time{ font-size:12px; color:#bbb; text-transform: uppercase; font-weight: 600;}
.support-link { color: #bbbbbb !important; text-decoration: none; }
.support-link:hover { color: #91be40 !important; text-decoration: none; }

.col-5 { -ms-columns: 5 180px; -webkit-columns: 5 180px; -moz-columns: 5 180px; columns: 5 180px; }
.col-4 { -ms-columns: 2 180px; -webkit-columns: 2 180px; -moz-columns: 2 180px; columns: 2 180px; max-width:450px}
.br20 { margin-bottom:17px}
@media (max-width: 767px) {
.article { padding-bottom:40px}
.article h1 { font-size:36px}
.article h2 { font-size:26px; text-transform: uppercase;}
.article h3 { font-size:22px}
.article h4 { font-size:16px}
.article h5 { font-size:15px}
.article h6 { font-size:13px}

.article p{ line-height:32px; margin-bottom:15px }
.header .brand-logo{ padding:10px 15px 10px}
.article .pad-box{ padding:10px 0px 15px}
.article div:first-child p{ padding-top:10px; line-height:32px;}
.article div:last-child p{ padding-bottom:10px}

hr { margin-top:40px; margin-bottom:40px}

.milestone { padding-top:30px; padding-bottom:30px}
.milestone p{ font-size:18px; line-height:1 !important; margin-bottom:0 !important}
.milestone time{ font-size:18px}

footer section{ padding-top:40px; padding-bottom:40px;}

footer h3{ font-size:16px; padding-top:40px; padding-bottom:40px;}
footer .bg-md-black p{ padding-top:30px}
footer .bg-md-black q { font-size:18px; }
footer .copyrights span{ display:block; padding-bottom:20px;}

}
@media (min-width: 768px) {
.article { padding-bottom:100px}
.article h1 { font-size:40px}
.article h2 { font-size:28px; text-transform: uppercase;}
.article h3 { font-size:24px}
.article h4 { font-size:18px}
.article h5 { font-size:16px}
.article h6 { font-size:14px}

.article .pad-box{ padding:20px 44px 10px; max-width:665px; margin:auto}
.header .brand-logo{ padding:20px 44px 20px}
.article .pad-box{ padding:56px 44px 10px}
.article div:first-child p{ padding-top:20px; line-height:32px;}
.article div:last-child p{ padding-bottom:20px}

hr { margin-top:40px; margin-bottom:30px}
.milestone { margin: auto; max-width: 665px; padding: 32px 44px 88px;}
.milestone p{ font-size:20px; line-height:1 !important; margin-bottom:0 !important}
.milestone time{ font-size:20px}

footer section{ padding-top:100px; padding-bottom:100px;}

footer h3{ font-size:16px; padding-top:20px; padding-bottom:86px;}



footer .bg-md-black p{ padding-top:60px}
footer .bg-md-black q { font-size:20px; max-width:630px;}

footer .bg-md-black p:first-of-type{ padding-top:12px !important; }

}

@media (max-width: 400px) {
footer .copyrights a, footer .copyrights span{ display:block; line-height:24px; margin-bottom:1px;}
}
footer .copyrights{font-size:12px; padding-top:36px !important; padding-bottom:48px !important}
.names-text-head { font-size: 16px; text-transform: uppercase; font-weight: 600; }
.quotes-text-head { font-size: 16px; text-transform: uppercase; font-weight: 600; padding-bottom:70px; }