body {
  margin: 0;
  padding: 0;
  background-color: #5ebceb;
  color: white;
  font-family: 'Josefin Sans', sans-serif;
}
/*
.container {
  margin-top: 70px;
}*/


.hidden {
  display: none !important;
}

.outer {
  display: table;
  width: 100%;
  height: 100%;
}

.inner {
  display: table-cell;
  vertical-align: middle;
}

.content {
  margin-top: -35px;
}


.navbar-header {
  float: right;
}

.navbar-nav {
  float: right;
}

.navbar-nav li {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .navbar-header {
      float: none;
  }

  .navbar-collapse.collapse.in, .navbar-collapse.collapsing{
      clear: both;
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
  }
}

.navbar {
  border: none;
}

a {
  text-decoration: underline;
  color: white;
}

a:hover {
  color: white;
  text-decoration: none;
}

/*    Navbar Coloring    */
  .navbar-default {   
    background-color: #5ebceb;
    border-color: #5ebceb;
  }
  .navbar-default .navbar-brand {
    color: #ffffff;
  }
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-text {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #5ebceb;
  }
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #5ebceb;
  }
  .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
    background-color: #5ebceb;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #5ebceb;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #5ebceb;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #5ebceb;
  }
  .navbar-default .navbar-toggle {
    border-color: #5ebceb;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #5ebceb;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #ffffff;
  }
  .navbar-default .navbar-link {
    color: #ffffff;
  }
  .navbar-default .navbar-link:hover {
    color: #ffffff;
  }

  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #ffffff;
      background-color: #5ebceb;
    }
  }
/**********************************/