a {
  color: #0383c0;
}
body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.navbar {
  margin-top: 30px;
  margin-bottom: 20px;
  background: #0383c0 url(../img/navbar.png) repeat-x;
  border: #cccccc solid;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default a:hover {
  background: none;
  color: #0383c0 !important;
  font-weight: bold;
}
.logo {
  width: 100%;
  margin: 40px 0 0 0;
  font-family: 'Oswald', sans-serif;
}
.primary {
  color: #0383c0;
}
.subtext {
  color: #666;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 0 45px;
}
header form {
  float: right;
  margin-top: 30px;
  background: #0383c0;
  padding: 15px;
  color: #fff;
  border-radius: 5px;
}
#products img {
  width: 130px;
  height: 130px;
}
.jumbotron {
  overflow: auto;
  padding: 0 !important;
}
.jumbotron p {
  font-size: 15px;
}
.tablist {
  float: left;
  padding: 0;
  margin: 0;
  width: 30%;
}
.tablist li {
  background: #ccc;
  list-style: none;
  color: #666;
  padding: 15px 10px;
  padding-left: 20px;
  margin-bottom: 5px;
  width: 100%;
  font-size: 15px;
}
.tablist li.active {
  background: #0383c0;
  color: #fff;
}
.tablist li.active a {
  color: #fff;
}
.tablist a {
  color: #666;
  display: block;
  text-decoration: none;
}
.tab-content {
  float: right;
  width: 70%;
  background: #0383c0;
  color: #fff;
  overflow: hidden;
  padding-top: 20px;
  height: 275px;
}
.slide-img {
  float: right;
  width: 50%;
}
.tab-text {
  float: left;
  width: 40%;
  margin-left: 40px;
}
.main-img {
  width: 100%;
}
footer {
  text-align: center;
  height: 60px;
  background: #f4f4f4;
  padding-top: 20px;
  margin-top: 50px;
}
/*
MEDIA QUERIES
*/
/* Below 960px */
@media (max-width: 960px) {
  header form {
    width: 100% !important;
  }
}
/* Below 768px */
@media (max-width: 768px) {
  .slide-img {
    display: none;
  }
  .tab-text {
    float: none;
    width: 80%;
  }
  .navbar a {
    color: #fff !important;
  }
  .navbar a:hover {
    color: #ccc !important;
  }
  .navbar form {
    display: none;
  }
}
/* Below 600px */
@media (max-width: 600px) {
  .tab-content {
    height: 350px;
  }
}