body {
  padding-top: 50px; }

.navbar {
  padding: 0; }

.nav.navbar-nav .nav-link {
  padding: 0.85rem 1rem; }

.nav.navbar-nav .active .nav-link {
  color: #555;
  background: #e7e7e7; }

.navbar-brand {
  padding: .65rem; }

.em-text {
  color: #dbad15 !important; }

.em-text2 {
  color: #555 !important; 
  text-shadow: 2px 2px #999;}

.em-text3 {
  color: #dbad15 !important; 
  text-shadow: 2px 2px rgb(245, 181, 45);}

.col-lg-4 {
  margin-bottom: 20px; }

section {
  padding: 40px 0 40px 0; }
  
a {
    color: #dbad15;
}

a :visited{
  color: #dbad15;
}

.jumbotron {
  background: #e9ecef url(../img/site_showcase_bg.jpg) no-repeat center;
  color: white;
  height: 300px;
  overflow: hidden; }

.jumbotron h1 {
  margin-top: 60px; }

.jumbotron p {
  margin-bottom: 40px; }

.jumbotron img.app-btn {
  width: 40%;
  margin-right: 30px; }

.jumbotron img.showcase-img {
  width: 75%; }

img.demo {
  width: 100%;
  padding: 3px;
  border: 1px solid black; }

section#feature {
  background: rgba(233, 236, 239, 0.9);
  color: rgba(163, 163, 163);
  
  overflow: auto; }

.big-logo {
  
  display: block;
    margin: auto;
    height: 75px;
}

.faces {
  
  height: 75px;
}

.little-logo {
  
  display: block;
    margin: auto;
    height: 75px;
}

.university {
  
  text-align:center;

}

section#title-bar {
  padding: 0;
  margin: 0;
  height: 80px;
  background: #1caa98;
  color: white; }

section#title-bar h1 {
  margin: 1rem 0; }

footer {
  background: #333333;
  color: white;
  padding: 30px 0 20px 0; }

footer li {
  float: left;
  padding: 0 10px 0 10px;
  list-style: none; }

footer a {
  color: white; }

footer p {
  float: right; }

#accordion {
  margin-bottom: 20px; }

.card + .card {
  margin-top: 5px; }

.card .card-header h6 {
  font-weight: normal; }

.card .card-header a {
  color: inherit; }

/* media queries */
@media (min-width: 1200px) {
  .jumbotron img.showcase-img {
    width: 61%;
    margin: 5px 0 0 40px; } }

@media (min-width: 991px) {
  .show-img {
    display: none; } }

@media (min-width: 768px) and (max-width: 990px) {
  .jumbotron img.app-btn {
    width: 30%; }
  .jumbotron {
    height: 400px !important;
    background-size: 100% 100%; }
  .jumbotron h1 {
    margin-top: 10px; } }

@media (max-width: 768px) {
  .jumbotron {
    height: 350px !important;
    background-size: 100% 100%; }
  .jumbotron h1 {
    margin-top: 10px; } }