:root {
--headtext: #ff7a01; /* #FF4F00;  //rgba(255, 89, 0, 1) */
--lightext: #ff7a01; /* light #F39814; //rgba(243, 152, 20, 1) //logo #FD7B33; */
--linktext: #ff7a01;
--linkhover: #FF4F00;
--icontext: #ff7a01; /* rgb(255, 136, 1) */
--selection: #FECA40; /* rgba(254, 202, 64, 1) */
--highlight: #ffea80;
--seltext: #FFFFFF;
--foretext: #000000;
--extext: #337ab7; /* #337ab7; //#145bf3; */
--exthover: #FF4F00;
--imagtext: #8e4f98;
}

@font-face {
    font-family: 'Futura PT Book';
    src: local('Futura PT'), local('FuturaPT'), local('Futura PT Book'), local('FuturaPT-Book'),
        url('FuturaPT-Book.woff') format('woff'),
        url('FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'Futura PT Book', sans-serif; }
body::selection { background: var(--selection); }
body::-moz-selection { background: var(--selection); }

.clear { clear: both; }
.inline { display: inline; }
.indent { padding-top: 40px; }
.nowrap { white-space: nowrap; }
.margin { margin: 10px; }
.middle { vertical-align: middle; }
.bigger { font-size: 125%; }

.indent-middle {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.strong, strong {
  text-shadow: 1px 1px 7px rgb(255, 136, 1); /* rgb(255, 89, 0, 1); */
  font-weight: normal;
}

code {
  color: var(--headtext);
  font-size: 75%;
}

.headtext {
  color: var(--headtext);
  font-weight: bold;
}

.wrap { display: inline-block; }

h1, h2, h3, h4 {
  color: var(--headtext);
  font-family: 'Futura PT Book', sans-serif;
}

h4 { font-size: 28px;}

/* subheader for the site name */

.smallhead, .smallhead2, .smallhead0 {
  font-family: "Futura PT Book";
  font-size: 20px;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}

a { text-decoration: none; }
a, a:active, a:focus {
  color: var(--linktext);
  text-decoration: none;
}
a:hover {
  color: var(--linkhover);
  text-decoration: none;
}

.intro {
  margin-top: 20px;
  font-style: italic;
}

@media(min-width: 300px) {
  body { font-size: 16pt; }
  h1 { font-size: 40px; }
  h1.head { font-size: 42px; }
  h1.long { font-size: 35px; }
  h1.long.wrap { font-size: 50px }
  h2 { font-size: 30px; }
  h2.long { font-size: 20px; }
  h2 small { font-size: 18px; }
  h3 { font-size: 22px; }
  h3.long { font-size: 19px; }
  .responsive700 { width: 227px; }
}

@media(min-width: 450px) {
  h1 { font-size: 50px; }
  h1.head { font-size: 54px; }
  h1.long { font-size: 35px; }
  h1.long.wrap { font-size: 50px }
  h2 { font-size: 40px; }
  h2.long { font-size: 26px; }
  h2 small { font-size: 18px; }
  h3 { font-size: 26px; }
  h3.long { font-size: 22px; }
}

@media(min-width: 610px) {
  body { font-size: 18pt; }
  h1 { font-size: 65px; }
  h1.head { font-size: 74px; }
  h1.long { font-size: 40px; }
  h1.long.wrap { font-size: 60px; }
  h2 { font-size: 48px; }
  h2.long { font-size: 30px; }
  h2 small { font-size: 22px; }
  h3 { font-size: 36px; }
  h3.long { font-size: 26px; }
  .responsive700 { width: 295px; }
}

@media (min-width: 992px) {
  .smallhead { letter-spacing: 6px; }
  .smallhead2 { letter-spacing: 15px; }
  .smallhead3 { letter-spacing: 12px; }
  .responsive700 { width: 500px; }
}

@media (min-width: 1200px) {
  .responsive700 { width: 650px; }
}

@media (min-width: 1650px) {
  .wide { max-width: 1600px; }
}

section {
  margin: 10px 0px;
  padding: 10px 0px 10px 0px;
  border-left: none;
  clear: both;
}

section h3 small, section h4 small, section h5 small {
  display: inline;
  font-size: 80%;
}

/* home page */

.width300 { width: 300px; }

/* home page row */

.fixed-column {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}


.sep, .dot {
  color: var(--headtext);
  margin: 0px 7px;
  vertical-align: middle;
}

.dot { font-size: 20%; }

/* footer */

footer.main {
  border-top: 1px solid var(--headtext);
  padding-top: 20px;
  margin-bottom: 30px;
}