body {
    background-color:#223366;
    overflow-x: hidden;
    font-family: 'Roboto Slab', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

a {
                -moz-transition: color 0.2s ease-in-out, background-color 0.2s e
ase-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
                -webkit-transition: color 0.2s ease-in-out, background-color 0.2
s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
                -ms-transition: color 0.2s ease-in-out, background-color 0.2s ea
se-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
                transition: color 0.2s ease-in-out, background-color 0.2s ease-i
n-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
                border-bottom: dotted 0px;
                text-decoration: none;
   }

a:hover {
                        border-bottom-color: transparent;
        }

p0 {
    color: #ffffff;
    line-height: 1.45;
    font-size: 1.8rem; 
}
p {
    color: #ffffff;
    line-height: 1.25;
    font-size: 1.8rem; 
}
p1 {
    color: #000000;
    line-height: 1.75;
    font-size: 2.4rem; 
}
p2 {
    color: #ff0000;
    line-height: 1.75;
    font-size: 3.0rem; 
}
p3 {
    color: #000000;
    line-height: 1.75;
    font-size: 2.0rem; 
}

h1,
h2 {
    color: #000000;
    font-weight: 700;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji'
}
h3 {
    color: #ffffff;
    font-weight: 700;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji'
}
h4,
h5,
h6 {
    font-weight: 700;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji'
}

/* Nav */
.navbar {
  margin-bottom: 0;
  background-color: #222266;
  width: 100%;
  transition: top 0.3s;
  top: 0px;
  z-index: 9999;
  border: 0;
  font-size: 12px !important;
  line-height: 1.42 !important;
  letter-spacing: 4px;
  border-radius: 0;
  font-family: Verdana, Arial, Helvetica, Sans-serif, Monospace;
}

.navbar li a, .navbar .navbar-brand {
  color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
  color: #f4511e !important;
  background-color: #fff !important;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #fff !important;
}

.navbar-toggle {
  border: 1px;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
  background: orange !important;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  color: orange;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

input:invalid {
  border: 2px dashed red;
}

/* Table */

table {
        border-collapse: collapse;
        border-spacing: 0;
}

.table-wrapper {
                -webkit-overflow-scrolling: touch;
                overflow-x: auto;
        }

table {
                margin: 0 0 2rem 0;
                width: 100%;
        }

table tbody tr {
                        border: solid 3px;
			border-color: #eeeeee;
                        border-left: 0;
                        border-right: 0;
                }

table td {
                        padding: 0.75rem 0.75rem;
                }

table th {
                        font-family: "Source Sans Pro", Helvetica, sans-serif;
                        font-size: 2.8rem;
                        font-weight: 600;
                        letter-spacing: 0.075em;
                        line-height: 1.5;
                        padding: 0 0.75rem 0.75rem 0.75rem;
                        text-align: left;
                        text-transform: uppercase;
                }

@media screen and (max-width: 980px) {

                                table th {
                                        font-size: 1.9rem;
                                }

                        }

table thead {
                        border-bottom: solid 2px;
                }

table tfoot {
                        border-top: solid 2px;
                }

table.alt {
                        border-collapse: separate;
                }

table.alt tbody tr td {
                                border: solid 1px;
                                border-left-width: 0;
                                border-top-width: 0;
                        }

table.alt tbody tr td:first-child {
                                        border-left-width: 1px;
                                }

table.alt tbody tr:first-child td {
                                border-top-width: 1px;
                        }

table.alt thead {
                                border-bottom: 0;
                        }

table.alt tfoot {
                                border-top: 0;
                        }

table tbody tr {
                border-color: #eeeeee;
        }

table th {
                color: #212931;
        }

table thead {
                border-bottom-color: #eeeeee;
        }

table tfoot {
                border-top-color: #eeeeee;
        }

table.alt tbody tr td {
                border-color: #eeeeee;
        }

table tbody tr:nth-child(2n + 1) {
                        background-color: rgba(220, 220, 220, 0.25);
                }


section {
    padding: 0px 0px 0px 0px;
    font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

section h2.section-heading {
    font-size: 2.5rem;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 15px
}

section h3.section-subheading {
    font-size: 1.8rem;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

.bg-bg {
    background-color: #222266;
}
.bg-ft {
    background-color: #ffffff;
}
.bg-grey {
    background-color: #e6e6e6;
}
.bg-white {
    background-color: #eeeeee;
}
.bg-blue {
    background-color: lightblue;
}
.bg-green {
    background-color: #558866;
}
.bg-blue-soft {
    background-color: #112299;
}

/* Carousel */
hcar {
  color: #f4511e;
  font-size: 2.0em;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, Sans-serif, Monospace;
  font-style: italic;
}

.carousel-control.right, .carousel-control.left {
  background-image: none;
  color: #f4511e;
}

/*
.carousel-indicators {
  bottom:-30px;
}

.carousel-inner {
   margin-bottom:30px;
}
*/

.carousel-indicators li {
  border-color: #f4511e;
}

.carousel-indicators li.active {
  background-color: #f4511e;
}

.carousel-caption {
}

.modal {
  z-index: 100000;
}

@media (min-width:768px) {
    section {
        padding: 20px 50px 50px 20px;
	font-size: 3rem;
    }
}

@media screen and (max-width: 768px) {
    .col-md-4 {
      text-align: left;
      margin: 0px 10px;
      padding: 0px 0px 5px 2px
    }
    .col-md-5 {
      text-align: left;
      margin: 0px 10px;
      padding: 0 20px 10px 20px
    }
    .col-md-5 {
      text-align: left;
      margin: 0px 10px;
      padding: 0 20px 10px 20px
    }
    .col-sm-5 {
      text-align: left;
      margin: 0px 10px;
      padding: 0 20px 10px 20px
    }
    .col-sm-7 {
      text-align: left;
      margin: 0px 10px;
      padding: 0 20px 10px 20px
    }
    .icon-bar {
      color: white
    }

  }


footer .glyphicon {
  font-size: 20px;
  margin-bottom: 20px;
  color: #f4511e;
}