/* Best support for fonts - self hosting */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('../fonts/roboto-condensed-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('../fonts/roboto-condensed-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* BEGIN PAGE STYLES */
body {
	background-color: #000;
	color: #FFF;
	font-family: Open Sans, Arial, sans-serif;
	font-size: 14pt;
	margin: 0;
	padding: 0;
}
a:link {
	color: #6699FF;
	font-weight: bold;
}
a:visited {
	color: #99FF99;
	font-weight: bold;
}
a:hover
{
	color: #00FFFF;
	font-weight: bold;
}
h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #ffad33; text-shadow: 3px 3px 2px #000;
	text-align: center;
}
h2 {
	font-weight: bold;
	color: orange;
	text-align: left;
}
h3 {
	font-weight: bold;
	color:fuchsia;
	text-align: left;
}

#page-title {
	max-width: 1160px;
	border: 2px solid #00FF00;
}
#container {
	max-width: 1160px;
	margin: 0 auto;
}
#container-body {
	max-width: 1160px;
	margin: 0 auto;
}
.body1gb {
	font-weight: bold;
	color: #00FF00;
}
#title_main {
	font-size: 26pt;
	font-weight: bold;
	color: #00FFFF; text-shadow: 2px 2px 2px #999;
	text-align: center;
	background-color: #333366;
	border-top: 2px solid #3333CC;
	border-bottom: 2px solid #3333CC;
	margin: 5px auto 5px auto;
	padding: 10px;
}
.body1 {
	font-size: 18pt;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 26px;
	color: #ddd;
}
img {
	max-width: 100%;
	display: block;
	height: auto;
	margin: auto auto;
}
.button-ctr {
	max-width: 100%;
	text-align: center;
	height: auto;
	padding: 0 10%;
	margin: 3% auto;
}
.state_links {
	font-weight: bold;
	color: #00FF00;
}
.follow {
	font-weight: bold;
	color: #00FFFF;
	margin-top: 5px;
	margin-bottom: 5px;
}
#states_block {
	max-width: 1160px;
	display: block;
	margin: 30px auto 30px auto;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	padding-top:20px;
}
#breakpoints {
	font-size: 1.7vw;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-top: 2px solid #3333CC;
	border-bottom: 2px solid #3333CC;
	margin: 10px auto 10px auto;
	padding: 10px;
}

ul.points
 {
    margin-left: 2.5rem;    /* how far the bullet sits from the left */
    padding-left: 0;        /* removes extra padding */
	list-style-type: disc; /* bullets */
	line-height: 1.6;   /* optional, improves readability */
}

ul.points li {
  padding-left: 0.5rem;    /* small gap between bullet & text */
  text-indent: -0.5rem;    /* lines after the first align under the first */
}

strong {color:yellow;font-weight: 700;}
.browser-notice {
    color:orange;
    font-weight:bold;
    font-style:italic;
	text-align: center;
    margin:0 3% 4% 3%;
    border:1px solid orange;
}

/* Media Breakpoints */

/* less than 360 */
@media screen and (max-width: 360px) {
#breakpoints {background: red;}
.follow {font-size:5.2vw;}
body {background-image: url("../images/background-50-92.jpg");}
#page-title {border-radius: 5px; margin: 15px 10px;border: 2px solid orangered;background-color:mediumblue}
h1 {font-size: 14pt; margin: 5px auto;padding:5px}
h2 {font-size: 14pt; margin: 10px 5px 10px 10px;}
h3 {font-size: 12pt; margin: 10px 5px 10px 10px;}
.body1 {font-size: 11pt;line-height:15pt;}
.state_links {font-size:14pt;line-height:34pt;}
ul.points {font-size:10pt;}
.browser-notice {font-size:12px;}
strong {font-size:12pt;}
.browser-notice {font-size:10px;padding:2% 3%;}
}
/* between 360 and 520 */
@media screen and (min-width: 360px){
#breakpoints {background: blue;}
body {background-image: url("../images/background-50-92.jpg");}
#page-title {border-radius: 10px; margin: 15px 10px; border: 2px solid orangered;background-image: url("../images/book-front-stag-491.png");}
h1 {font-size: 18pt; margin: 5px 5px;}
h2 {font-size: 14pt; margin: 10px 10px 10px 10px;}
h3 {font-size: 12pt; margin: 10px 10px 10px 10px;}
.body1 {font-size: 13pt;line-height:19pt;}
.state_links {font-size:17pt;line-height:42pt;}
ul.points {font-size:12pt;}
strong {font-size:12pt;}
.browser-notice {font-size:10px;padding:2% 3%;}
.follow {font-size:5.2vw;}
}
/* between 520 and 670 */
@media screen and (min-width: 520px){
#breakpoints {background:green;color:white;}
h1 {font-size: 22pt; margin: 5px 5px;}
h2 {font-size: 16pt; margin: 10px 5px 10px 0;}
h3 {font-size: 14pt; margin: 10px 5px 10px 0;}
#container-body {padding: 0 10px;}
.follow {font-size:5.2vw;}
.body1 {font-size: 14pt;line-height:20pt;}
.state_links {font-size:18pt;line-height:44pt;}
.browser-notice {font-size:10px;}
ul.points {font-size:14pt;}
strong {font-size:14pt;}
.browser-notice {font-size:14px;padding:2% 3%;}
}
/* between 670 and 768 */
@media screen and (min-width: 670px){
#breakpoints {background:burlywood;}
#page-title {background-image: url("../images/book-front-stag-975.png");}
h1 {font-size: 28pt; margin: 15px 5px;}
h2 {font-size: 20pt; margin: 10px 5px;}
h3 {font-size: 18pt; margin: 10px 5px;}
.body1 {font-size: 16pt;line-height:24pt;}
.state_links {font-size:20pt;line-height:46pt;}
ul.points {font-size:16pt;}
strong {font-size:16pt;}
.browser-notice {font-size:16px;padding:2% 3%;}
.follow {font-size:5.2vw;}
}
/* between 768 and 1024 */
@media screen and (min-width: 768px){
#breakpoints {background: orange;}
#container-body {border: 2px solid #333}
#page-title {border-radius: 15px;}
.follow {font-size:29pt;}
h1 {font-size: 34pt; margin: 15px 5px;}
h2 {font-size: 22pt; margin: 20px 5px;}
h3 {font-size: 20pt; margin: 20px 5px;}
.body1 {font-size: 18pt;line-height:26pt;}
.state_links {font-size:22pt;line-height:48pt;}
ul.points { margin-left: 5rem; }
.browser-notice {font-size:14px;}
strong {font-size:20pt;}
.browser-notice {font-size:18px;padding:2% 3%;}
}
/* between 1024 and greater */
@media screen and (min-width: 1024px) {
body {background-image: url("../images/background-90-92.jpg");}
#breakpoints {background: purple;color:white;}
h1 {font-size: 42pt; margin: 20px auto;}
h2 {font-size: 26pt; margin: 20px 5px;}
h3 {font-size: 24pt; margin: 20px 5px;}
.follow {font-size:32pt;}
.body1 {font-size: 20pt;line-height:26pt;}
.state_links {font-size:20pt;line-height:52pt;}
ul.points {font-size:20pt;}
strong {font-size:22pt;}
.browser-notice {font-size:18px;padding:2% 3%;}
}

/* greater than 1440 */
@media screen and (min-width: 1440px) {
#breakpoints {background: gray;}


}