a {
    font-weight:Bold;
    font-size:110%;
    display: inline-block;
    vertical-align: middle;
}
	
body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: rgb(10,50,10);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    counter-reset: h2counter;
    overflow-x: hidden; 
    padding-top: -1em; /* Padding for .navbar-fixed-top. Change value if navbar height changes. Remove if using .navbar-static-top. */
}

.portfolio-item {
    margin-bottom: 25px;
}

.footer-blurb {
    padding: 30px 0;
    text-align: center;
    background-color: lightskyblue;
}

.footer-blurb h3 {
    color: midnightblue;
    }
    
.footer-blurb-item {
    padding: 30px 0;
    }
 
.copyright {
    background-color: #fff;
    text-align: center;
    padding: 30px 0;
}

.business{
    background: url('../img/bg.jpg') no-repeat center center fixed;
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    
}

.comment {
    color:DarkGreen;
}

tr:nth-child(even) .comment {
    background-color:#fefffe;
}

tr:nth-child(odd) .comment {
    background-color: #f0fff0;
}

.nature{
  /* The image used */
    background: url('../img/mum-licking-tiger-cub25.jpg');

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

footer {
    background: #ffffffe6;
    opacity: 0.8;
}
	
footer .copyright {
    margin: 0;
    padding: 20px 0;
}

form{
    padding : 1em;
}
	
h1
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 220%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h2counter;
}

h2
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 200%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h3counter;
}

.formalCount h2:before {
    content: counter(h2counter) ".\0000a0";
    counter-increment: h2counter;
}

.formalCount h3:before {
    content: counter(h2counter) "." counter(h3counter) ".\0000a0";
    counter-increment: h3counter;
}
formalCount  h4:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".\0000a0";
    counter-increment: h4counter;
}
formalCount  h5:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) ".\0000a0";
    counter-increment: h5counter;
}
formalCount  h6:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) ".\0000a0";
    counter-increment: h6counter;
}
formalCount  h7:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) "." counter(h7counter) ".\0000a0";
    counter-increment: h7counter;
}
formalCount  h8:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) "." counter(h7counter) "." counter(h8counter) ".\0000a0";
    counter-increment: h8counter;
}
formalCount  h9:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) "." counter(h7counter) "." counter(h8counter) "." counter(h9counter) ".\0000a0";
}

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #CCCCCC;
  border-radius: 4px;
}
h3
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 180%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h4counter;
}
h4
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 160%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h5counter;
}
h5
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 140%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h6counter;
}
h6
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 120%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h7counter;
}
h7
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 120%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h8counter;
}

h8
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 120%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
    counter-reset: h9counter;
}

h9
{
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 120%;
    text-shadow: 3px 3px 6px #0a320a;
    letter-spacing: 1px;
}

th{
    background-color: #e0ffe0;
}

tr:nth-child(odd){
    background-color: #f0fff0;
}

input[type=text],
input[type=email],
input[type=password] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
}

/* Style the submit button */
input:not([disabled])[type="submit"] {
    background-color: #4CAF50;
    color: white;
}

input:disabled[type="submit"] {
    background: #d0d1d3;
    color: #a3a2a1;
}


hr {
    max-width: 400px;
    border-color: #999999;
}

p {
    font-size: 1em;
    color: #000;
}

.quote {
    line-height: 0.8;
    color: #000;
}

table tr th, table tr td {
	border: 0.5px black;
	border-style: solid;
	padding: 2px;
}

ul.icons {
    padding: 20px 0;
    list-style: none;
}

ul.icons li {
    display: inline-block;
    padding: 0 1.25em 0 0;
    font-size: 1.75em;
}

ul.icons li a {
    text-decoration: none;
}

.address-bar {
    display: none;
}

.box {
    margin-bottom: 20px;
    padding: 20px 15px;
    font-family: Georgia, serif;
    background-color: rgb(255,255,255);
    opacity:  0.8;
}

.imgTopLeft {
  position: absolute;
  top: 10%;
  left: 10%;
}

.imgTopLeft {
  position: absolute;
  top: 10%;
  left: 90%;
}
.brand {
    display: inherit;
    margin: 0;
    padding: 30px 0 10px;
    text-align: center;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    text-shadow: 8px 8px 12px #020802;
}

.brand-before {
    margin: 15px 0;
    color: blue;
    text-shadow: 30px 30px 6px #000000;
}

.brand-name {
    margin: 0;
    font-size: 4em;
    color: violet;
    text-shadow: 30px 30px 6px #000000;
}

.centered{
text-align: center;
}
	
.denominator{
	border-bottom: 2px solid #000;
	padding-bottom: 8px;
	border-bottom-style: solid
}

.empty{
color: transparent;
}

.error{
	color: #FF0000;
	background : #ffff00;
}

.highlightNote{
	color: #000030;
	background : #ddffee;
}
	
/* change to grey color and an " " icon when the requirements is no longer needed. */
.ignore{
	color: #a0a0a0;
}

.ignore:before {
    position: relative;
    left: -6px;
    content: " ";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid, .red{
    color: red;
}

.invalid:before {
    position: relative;
    left: -6px;
    content: "\1F5D9";
}

.img-border {
float: none;
margin: 0 auto 0;
border: #9999999 solid 1px;
}

.round-border {
    float: none;
    margin: 0 auto 0;
    border: #9999999 solid 1px;
    border-radius: 30px;
}
.img-full {
    min-width: 100%;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

.black{
	color: #000001;
	}
	
.indented{
padding-left : 1.5em;
padding-right : 1.5em;
}

.intro-text {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.navbar-brand {
    font-weight: 900;
    letter-spacing: 2px;
    text-shadow: 30px 30px 6px #000000;
}

.navbar-nav {
    font-weight: 100;
    letter-spacing: 3px;
}

.right{
	text-align: right;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.topnav {
  overflow: hidden;
  background-color: rgba(0,0,0,0);
  color:#ffffff;
}

menuBar {
    background: rgba(0,0,0,0);
    color: #ffffff;
}
nav {
    font-size:100%;
    height:20px;
    background-color: black;
}
nav div ul li {
    border: 2px green;
    padding-left:1em;
    padding-right:1em;
    background:#222222;
    foreground: white;
    display: inline;
    float: left;
}
nav div ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
}

li {
}

nav div ul li  a {
  display: block;
  background-color: #444444;
  color: #eeeeee;
  text-align: center;
  text-decoration: none;
}

nav div ul li a:hover {
  background-color: #111111;
  text-decoration: none;
  color: white;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  margin-Right: 2em;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 10px;  text-decoration: none;
}

.topnav a:hover {
  background-color: #ffffff;
  color: white;
}

.topnav .active {
  background-color: #4CAF50;
  color: white;
}


@media screen and (min-width:768px) {
    .brand2 {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
        text-shadow: 3px 3px 6px rgb(20,50,20);
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 35px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

.tigerBG {
    font-family: "Open Sans","Helvetica Neue","Helvetica","Arial","sans-serif";
    background: url('../img/tiger.jpg') no-repeat center center cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.white, .white p, .white a{
color: #ffffff;
}

.columnWU {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.rowWU:after {
    content: "";
    display: table;
    clear: both;
}

.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: -6px;
    content: "\2714";
}