@charset "utf-8";
/* CSS Document */

/* ************************ REVISED TEXT HEIGHTS TO ALLOW SCALING FOR DIFFERENT SCREEN SIZES ********************************** */

/* AFFECTS NAVBAR AND ALL p, ALL OTHERS DEFINED LOCALLY */
@media (min-width: 1200px) {									/* centre width: 1400px -> 1vw = 14px (BASE value)*/
body {
    /*font-size: 1vw;*/
	font-size: 14px;
  }
}

@media all and (max-width: 1199px) and (min-width: 993px) {     /* centre width: 1096px -> 1.1vw = 12px (0.857143 x BASE)*/
body {
    /*font-size: 1.1vw;*/
	font-size: 12px;
  }
}

@media all and (max-width: 992px) and (min-width: 768px) {		/* centre width: 880px -> 1.36vw = 12px (0.857143 x BASE)*/
body {
    /*font-size: 1.8vw;*/
	font-size: 12px;
  }
}

@media all and (max-width: 767px) and (min-width: 481px) {		/* centre width: 624px -> 1.9vw = 12px (0.857143 x BASE)*/
body {
    /*font-size: 2.7vw;*/
	font-size: 12px;
  }
}

@media all and (max-width: 480px) and (min-width: 50px) {		/* centre width: 265px -> 3vw = 8px (0.571429 x BASE)*/
body {
    /*font-size: 3vw;*/
	font-size: 12px;
  }
}


/* ************************ REVISED TEXT HEIGHTS TO ALLOW SCALING FOR DIFFERENT SCREEN SIZES ********************************** */
/* AFFECTS special new letter style 'h12 - h15', ALL OTHERS DEFINED LOCALLY */
/* Attempting to be similar to h1 - h6 but scaling better with screen size */
h11,
h12,
h13,
h14,
h15,
h16 {
    orphans: 3;
    widows: 3;
	page-break-after: avoid;
  }
  
h11,
.h11,
h12,
.h12,
h13,
.h13,
h14,
.h14,
h15,
.h15,
h16,
.h16 {
  font-family: inherit;
  color: inherit;
  display: block;			/* places 'line break' after each <h11>, etc. used */
}

h11,
.h11,
h12,
.h12,
h13,
.h13 {
  font-weight: 500;
  line-height: 1.1;
}

h14,
.h14,
h15,
.h15,
h16,
.h16 {
  line-height: 1;
}

h14,
.h14 {
  font-weight: 500;
}

h15,
.h15 {
  font-weight: 400;
}

h16,
.h16 {
  font-weight: 400;
}

h11 small,
.h11 small,
h12 small,
.h12 small,
h12 .small,
.h12 .small,
h13 small,
.h13 small,
h13 .small,
.h13 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}

h14 small,
.h14 small,
h14 .small,
.h14 .small,
h15 small,
.h15 small,
h15 .small,
.h15 .small,
h16 .small,
.h16 .small {
  font-weight: normal;
  line-height: 0.8;
  color: #777;
}

h11,
.h11,
h12,
.h12,
h13,
.h13 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h14,
.h14,
h15,
.h15,
h16,
.h16 {
  margin-top: 18px;
  margin-bottom: 8px;
}

smargin,
.smargin {
  margin-top: 5px;
  margin-bottom: 5px;
  }
  
h11 small,
.h11 small,
h12 small,
.h13 small,
h12 .small,
.h12 .small,
h13 small,
.h13 small,
h13 .small,
.h13 .small {
  font-size: 65%;
}

h14 small,
.h15 small,
h14 .small,
.h14 .small,
h15 small,
.h15 small,
h15 .small,
.h15 .small,
h16 .small,
.h16 .small {
  font-size: 65%;
}


@media (min-width: 1200px) {							/* (BASE values) */
h11,
.h11 {
  /*h1,.h1 {font-size: 36px;}*/
  /*font-size: 2vw;*/
  font-size: 36px;
  }
  
h12,
.h12 {
  /*h2,.h2 {font-size: 30px;}*/
  /*font-size: 2vw;*/
  font-size: 30px;
  }

h13,
.h13 {
  /*h3,.h3 {font-size: 24px;}*/
  /*font-size: 1.5vw;*/
  font-size: 24px;
  }

h14,
.h14 {
  /*h4,.h4 {font-size: 18px;}*/
  /*font-size: 2vw;*/
  font-size: 18px;
  }

h15,
.h15 {
  /*h5,.h5 {font-size: 14px;}*/
  /*font-size: 1.5vw;*/
  font-size: 14px;
  }

h16,
.h16 {
  /*h6,.h6 {font-size: 12px;}*/
  /*font-size: 1.5vw;*/
  font-size: 12px;
  }
}


@media all and (max-width: 1199px) and (min-width: 993px) {			/* (0.857143 x BASE)*/
h11,
.h11 {
  /*font-size: 2vw;*/
  font-size: 31px;				/* (0.857143 x BASE(36) = 31px */
  }
  
h12,
.h12 {
  /*font-size: 2vw;*/
  /*font-size: 30px;*/
  font-size: 25px;				/* (0.857143 x BASE(30) = 25px */
  }

h13,
.h13 {
  /*font-size: 1.5vw;*/
  /*font-size: 24px;*/
  font-size: 21px;				/* (0.857143 x BASE(24) = 21px */
  }

h14,
.h14 {
  /*font-size: 2vw;*/
  /*font-size: 20px;*/
  font-size: 15px;				/* (0.857143 x BASE(18) = 15px */
  }

h15,
.h15 {
  /*font-size: 1.5vw;*/
  /*font-size: 12px;*/
  font-size: 12px;				/* (0.857143 x BASE(14) = 12px */
  }

h16,
.h16 {
  /*font-size: 1.5vw;*/
  /*font-size: 12px;*/
  font-size: 10px;				/* (0.857143 x BASE(12) = 10px */
  }
}

@media all and (max-width: 992px) and (min-width: 768px) {		/* (0.857143 x BASE)*/
h11,
.h11 {
  /*font-size: 3.5vw;*/
  font-size: 31px;				/* (0.857143 x BASE(36) = 31px */
  }
  
h12,
.h12 {
  /*font-size: 3.5vw;*/
  font-size: 25px;				/* (0.857143 x BASE(30) = 25px */
  }
  
h13,
.h13 {
  /*font-size: 2.5vw;*/
  font-size: 21px;				/* (0.857143 x BASE(24) = 21px */
  }

h14,
.h14 {
  /*font-size: 2.33vw;*/
  font-size: 15px;				/* (0.857143 x BASE(18) = 15px */
  }
  
h15,
.h15 {
  /*font-size: 1.25vw;*/
  font-size: 12px;				/* (0.857143 x BASE(14) = 12px */
  }

h16,
.h16 {
  /*font-size: 1.25vw;*/
  font-size: 10px;				/* (0.857143 x BASE(12) = 10px */
  }
}

@media all and (max-width: 767px) and (min-width: 481px) {		/* (0.857143 x BASE)*/
h11,
.h11 {
  /*font-size: 5vw;*/
  font-size: 31px;				/* (0.857143 x BASE(36) = 31px */
  }
  
h12,
.h12 {
  /*font-size: 5vw;*/
  font-size: 25px;				/* (0.857143 x BASE(30) = 25px */
  }

h13,
.h13 {
  /*font-size: 3.5vw;*/
  font-size: 21px;				/* (0.857143 x BASE(24) = 21px */
  }

h14,
.h14 {
  /*font-size: 3.33vw;*/
  font-size: 15px;				/* (0.857143 x BASE(18) = 15px */
  }

h15,
.h15 {
  /*font-size: 2.5vw;*/
  font-size: 12px;				/* (0.857143 x BASE(14) = 12px */
  }

h16,
.h16 {
  /*font-size: 2.5vw;*/
  font-size: 10px;				/* (0.857143 x BASE(12) = 10px */
  }
}

@media all and (max-width: 480px) and (min-width: 50px) {		/* (0.571429 x BASE)*/
h11,
.h11 {
  /*font-size: 5vw;13px*/
  font-size: 21px;				/* (0.571429 x BASE(36) = 21px */
  }

h12,
.h12 {
  /*font-size: 5vw;11px*/
  font-size: 17px;				/* (0.571429 x BASE(30) = 17px */
  }

h13,
.h13 {
  /*font-size: 3.5vw;8px*/
  font-size: 14px;				/* (0.571429 x BASE(24) = 14px */
  }

h14,
.h14 {
  /*font-size: 3.33vw;6px*/
  font-size: 10px;				/* (0.571429 x BASE(18) = 10px */
  }

h15,
.h15 {
  /*font-size: 2.5vw;6px*/
  font-size: 8px;				/* (0.571429 x BASE(14) = 8px */
  }

h16,
.h16 {
  /*font-size: 2.5vw;5px*/
  font-size: 7px;				/* (0.571429 x BASE(12) = 7px */
  }
}

/* *************************************************** OLD. NO LONGER USED ************************************************ */
/*
h14 {
  margin: 0 0 10px;
}

.jumbotron h12 {
  margin-bottom: 15px;
  font-weight: 200;
}

.alert > h12 {
  margin-bottom: 0;
}
.alert > h12 + h12 {
  margin-top: 5px;
}*/
