body {
  overflow-x: hidden;
  font-family: Helvetica, Arial, sans-serif;
  color: #fefefe;
  background-color: #203060;  
  webkit-tap-highlight-color: #d0d040;
}

img.somelogo { /* svg on an img tag */
  -webkit-filter: invert(1); /* safari 6.0 - 9.0 */
  filter: invert(1);
}
	    
.text-primary {
  color: #f0f0f0;
}
p {
  font-size: 12pt;
  line-height: 1.75;
  color: #fefefe;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #b0d0f0;
  font-size: 11pt;
  font-weight: 600;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #ffa030;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
.img-centered {
  margin: 0 auto;
}
.navbar-default {
  background-color: #256070;
  border-color: transparent;
  text-decoration: none;
}
.navbar-default .navbar-brand {
  color: #f0f0f0;
  font-family: Helvetica, Arial, cursive;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
  color: #f0f0f0;
}
.navbar-default .navbar-toggle {
  background-color: #3050a0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #254090;
}
/* navbar texts */
.navbar-default .nav li a {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1.4px;
  font-size: 12pt;
  color: white;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
  color: #c0e0f0;
  outline: none;
}

@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    padding: 5px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border-color: #203040;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
  }
  .navbar-default .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-default .navbar-nav > .active > a {
    border-radius: 3px;
  }
}

section {
   padding: 80px 40px 40px 40px;
}

@media (max-width: 768px) {
section {
  padding: 60px 40px 40px 40px;
 }
}
@media (min-width: 768px) {
  section {
     padding: 140px 60px 60px 60px;
  }
}
@media (min-width: 1020px) {
  section {
     padding: 90px 60px 60px 60px;
  }
}

#fp-pics {
 margin-top: -10px;
}

#fp-pics img {
  border: 2px solid #101010;
  border-radius: 4px;
}