html{
  overflow-x: hidden;
}
body {
  font: 400 18px Lato, sans-serif;
  background-image: url('../img/main_background.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow-x: hidden;
}
p{
  line-height: 27px;
}
a, a:hover {
	text-decoration: none;
}
h1,h2,h3{
  font-weight: bold;
  margin:0px;
}
h2{
  font-size: 28px;
}
h3{
  font-size: 20px;
  color: #8a95a2;
  margin-bottom: 10px;
}
.center{
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
}
.jumbotron{
  padding: 60px 25px 60px 25px;
  color:#fff;
  background-color: rgba(0,0,0,0);
  margin-bottom: 0px; 
}
.jumbotron h1{
  text-shadow: 2px 2px #000;
}
.top_bar{
  height: 100px;
  background-color: #fff;
  padding:30px 30px 0px 30px;
}
.top_bar .left_logo{
  float: left;
}
.top_bar .right_logo{
  float: right;
}
.more_info{
  font-size: 20px;
  color: #8a95a2;
  margin-bottom: 10px;
}
.navbar {
      background-color: #000;
      z-index: 9999;
      border: 0;
      border-radius: 0;
      max-width: 1200px;
      margin: 0 auto;
}
.navbar li{
  padding-left: 15px;
  padding-right: 15px;
}
.navbar-nav li a{
  padding-left: 0px;
  padding-right: 0px;
}
.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    font-size: 20px;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    border-bottom: 5px solid #8a95a2;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}
.navbar-collapse{
  padding-left: 0px;
  padding-right: 0px;
}
.main_content{
  background-color: #f4f4f4;
  padding: 30px 90px 185px 90px;
}
h2#studies{
  margin-top:5px;
  margin-right: 30px;
}
.author{
  float: right;
  font-size: 16px;
  font-style: italic;
}
.bottles_img{
  float: right;
}
.bottom_container{
  padding-left: 0px;
  padding-right: 0px;
}
.bottom_line{
  height: 10px;
  background-color: #8a95a2;
}
hr {
  border-top: 1px solid #d0d0d0;
}
.site-footer{
  padding-top: 130px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 14px;
}
img{
  display: block;
  max-width: 100%;
  height: auto;
}
.order_ultracore_bottom_text{

  font-weight: 400;
  line-height: 1.7em;
  padding: 0 10px;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


@media (min-width: 1200px){
  .container {
      width: 1200px;
  }
}

@media screen and (min-width: 768px){
  .jumbotron .h1, .jumbotron h1 {
      font-size: 50px;
      font-weight: bold;
  }
}
@media screen and (max-width: 768px){
  .main_content{
    padding: 30px 30px 85px 30px;
  }
  h2{
    font-size: 23px;
  }
  h2#studies{
    margin-bottom: 20px;
  }
  .top_bar{
    height: 135px;
  }
  .jumbotron{
    background-color: #8a95a2;
  }
  .site-footer{
    padding-top: 40px;
  }
  .site-footer a {
    display: block;
    text-align: center;
    margin-right: 0px;
    margin-top: 10px;
  }
  .site-footer .copy_right {
    margin-top: 15px;
    text-align: center;
  }
  .navbar li a, .navbar .navbar-brand{
    padding: 15px 50px;
  }
}
@media screen and (max-width: 550px){
  .jumbotron{
    padding: 60px 25px 60px 25px;
  }
}