@import url('https://fonts.googleapis.com/css?family=Open Sans|Roboto');
h1,h2,h3,h4,.Head {
	font-family: 'Roboto', sans-serif;
}
html,body,p,li,td {
	font-family: 'Open Sans', sans-serif;
}
h1, .Head { font-size: 30pt; line-height: 1.2em; color:#4A6F9E; text-transform: uppercase; }
h2 { font-size: 24pt; line-height: 1.2em; color:#4A6F9E; }
h3 { font-size: 18pt; line-height: 1.2em; }
h4 { font-size: 14pt; line-height: 1.2em; }
p, li, td, th { font-size: 11pt; line-height: 1.2em; color: #666; }
p, li { line-height: 1.5em; }
a.btn.btn-info:visited { color: #fff; }
blockquote {
    padding: 0;
    margin: 0;
    border-left: 0;
}

table { width: 100%; }
table td, table th { padding: 3px; }
table.table td { padding: 8px; }
table.table th { padding: 8px; }

.btn.btn-info, .btn.btn-primary, .btn.btn-info:visited, .btn.btn-primary:visited { color: #fff !important; }

ul.bigspace { margin-left: 0px !important; list-style-type:none;}
ol.bigspace { margin-left: 20px !important; list-style-type:none;}
ul.bigspace li { margin-bottom: 1em; }
ol.bigspace li { margin-bottom: 1em; }
ul ol { margin-top: 1em; margin-bottom: 1.5em;  }
ul.bigspace > li::before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
  font-weight:900;
    padding: 0 10px 0 0;
    color: #4A6F9E;
}
ol.bigspace {
  max-width: 350px;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
ol.bigspace li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol.bigspace li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background: #4A6F9E;
  border-radius: 50%;
  text-align: center;
}

blockquote.brooks {
  position: relative;
  line-height: 1.5em;
  font-style: normal;
  padding-left: 50px;
}
blockquote.brooks em {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1.5em;
  text-align:right;
  display: block;
}

blockquote.brooks:before {
  content: '\201C';
  position: absolute;
  top: 0.25em;
  left: -0.15em;
  color: #e7e6e4;
  font-size: 6em;
  z-index: -1;
  font-family: Georgia,Palatino;
}


a.btn.btn-info,a.btn.btn-info:visited { background-color:#4d70a0;color:#fff;}

a.button {
   background-color: #fff;
  color: #666;
  padding: 8px 16px;
  border: 1px solid #666;
  display:inline-block;
  border-radius: 6px;
}

.big_button {
    margin: 5px 0;
    padding: 10px 20px;
    font-size: 20px;
    display: inline-block;
    color: #fff;
    background: #536d9e;
    border-radius: 12px;
    -webkit-transition: background 500ms ease-in-out;
-moz-transition: background 500ms ease-in-out;
-ms-transition: background 500ms ease-in-out;
-o-transition: background 500ms ease-in-out;
transition: background 500ms ease-in-out;

}
.big_button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    -webkit-box-shadow: 0 0 10px 1px #536d9e;
box-shadow: 0 0 10px 1px #536d9e;
}
.big_button:visited {
    color: #fff;
    text-decoration: none;
}

.header-button {
    background: #ececec;
    padding: 0px 20px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 11pt;
}
.topbar .container .row .col-md-12 { width: 100%; }