/* CSS Document by Jane Dalton */
/* CSS Document by Jane Dalton */
body {
  background: #fff; }

img {
  width: 100%;
  height: auto; }

.navbar {
  background: white;
  border-bottom: 0 solid #fff; }

.btn {
  margin-top: 1em; }

ul {
  padding-left: 1.5em; }

.example_code {
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; }

.case_study {
  border-bottom: 3px dashed #aaa;
  padding-bottom: 3em;
  padding-top: 3em; }

.under_development {
  color: green;
  font-size: 70%; }

#about {
  color: #fff;
  background: #0c7e9e;
  padding: 60px 0 80px 0;
  font-size: 1.2em; }
  #about a {
    color: #e4aacc;
    text-decoration: underline; }
  #about a:hover {
    color: #fff; }

#contact {
  background: #3F3F3F;
  color: #fff;
  text-align: center;
  padding: 300px 0;
  margin-top: 30px; }
  #contact a {
    color: #fff;
    text-decoration: underline; }
  #contact a:hover {
    color: #e4aacc; }

footer {
  text-align: center;
  padding-top: 1em; }

.top-nav-change {
  background: white;
  border-bottom: 1px solid #aaa; }

/*==========  Mobile First Breakpoints  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  pre {
    max-height: 820px;
    overflow: auto; } }
/* change Navbar breakpoint */
@media (max-width: 991px) {
  .navbar-header {
    float: none; }

  .navbar-left, .navbar-right {
    float: none !important; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }

  .navbar-nav > li {
    float: none; }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }

  .collapse.in {
    display: block !important; } }
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  pre {
    max-height: 670px;
    overflow: auto; } }