body {
min-width : 100%;
margin : 0em;
}
.lg-col-12 {
 width : 100%;	
}
.lg-col-6 {
 width : 75%;	
}
.lg-col-5 {
 width : 60%;	
}
.lg-col-4 {
 width : 50%;	
}
.lg-col-3 {
 width : 25%;	
}
.lg-col-2 {
 width : 20%;	
}
.lg-col-1 {
 width : 10%;	
}

.row {
display : block;
}

.left {
float : left;
}

.right {
float : right;
}


.logo-text {
font-size : 2em;
margin-bottom : -2em;
float : left;
}
.navbar .bk-nav .logo img {
margin-left : 2em;
width : 7.6em;
float : left;
margin-top: -32px;
}

.bk-nav p{
float : left;
clear : both;
}
.bk-nav p a {
color : #cccccc;
text-decoration : none;
}
.bk-nav {
max-width : 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom : 15px:
}

.footer {
font-size : 12px;
color : #cccccc;
}
.footer navbar-navlinks ul {
margin-top : -2em;
}

.footer li a {
color : #cccccc;
font-size : 10px;
margin-right : 0.8em;
text-decoration : none;
}

.footer li {
color : #cccccc;
display : inline;
}
.navbar {
height : 7em;
width : auto;
padding : 1em;
z-index : 1000;
}

.carousel {
margin-bottom : 2em;
}

.item.next .carousel-caption {
    opacity: 0;
}
.image-bg {
background : #414141;
}
.carousel-caption {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.jumbotron {
background-color: #f8f8f8;
}
.jumbotron p {
margin-bottom : 30px;
}

.jumbotron h2 {
margin-bottom : 30px;
}
@media (min-width : 768px){

.login-form .inner-link {
text-align : center;
}
.login-form .outer-link {
margin-bottom : -50px;
color : white;
text-align : center;
}
.login-form .btn {
width : 100%;
}
.login-form {
margin-top : 100px;
}
.login-form .input-group {
margin-bottom : 30px;
width : 100%;
}

.login-form .logo img {
height : 70px;
margin : 30px auto;

}
.navbar .logo img {
width : 7.5em;
margin-left : 1em;
float : right;
}

.navbar .navlinks .btn {
padding-left : 2em;
padding-right : 2em;
}
.navbar .navlinks li {
display : inline;
font : "Roboto";
padding-left : 1em;
margin-left: 1em;
list-style : none;
}

.navbar .navlinks ul {
float : right;
margin-right : 1em;
margin-top : 1em; 
}

.navbar .navlinks a {
text-decoration :  none;
color : #333333;
}

.carousel {
width : 100%;
margin-top: 10px;
max-height : 760px;
margin-left : 0;
margin-right : 0;
margin-bottom : 4em;
}

.carousel .item .img, .carousel-inner > .item > img {
width : 100%;
max-height : 100%;
}

}

@media (max-width : 900px){
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 10% !important;
  left: 15%;
}

.carousel-caption h1 {
font-size: 3em !important;
}

.carousel-caption p {
  font-size : 1.2em !important;
}
}
@media (max-width : 768px){
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 10% !important;
  left: 15%;
}

.carousel-caption h1 {
font-size: 3em !important;
}

.carousel-caption p {
  font-size : 1.2em !important;
}
.banner-caption h1{
font-size : 36px !important;
margin-top: -100px !important;
}

.banner {
margin-top : 100px;
}
.droplet-text {
text-align : center !important;
}
.caption-text p{
padding : 20px 50px;
}

.droplet .intro-video {
margin-left : 50px;
margin-right : 50px;
}

.intro-video iframe {
width: 100%;
height: 40%;
}

.navlinks {
background-color : #ffffff;
}

.navbar-toggle {
margin-top: 30px !important;
}

.logo {
width: 70px !important;
margin-top: -21px;
}
.login-form .inner-link {
text-align : center;
}
.login-form .outer-link {
margin-bottom : -50px;
color : #ffffff;
text-align : center;
}
.login-form .btn{
width : 100%;
}
.login-form {
margin-top : 100px;
}
.login-form .input-group {
width : 100%;
margin-bottom : 30px;
}

.login-form .logo img {
height : 70px;
margin : 30px auto;

}
.navbar .navlinks ul {
margin-top : -15px;
display: block;
padding : 30px;
}
.navbar .navlinks a {
text-decoration : none;
}
.navbar .navlinks li:hover {
color : #ffffff;
}
.navbar .navlinks li {
color : #8f8f8f;
text-align : center;
margin : 0 15px;
border-top : 1px solid #8f8f8f;
padding-top : 15px;
padding-bottom : 15px;
}
.navbar .navbar-nav .btn {
margin : 15px;
display : block;
color : #ffffff;
border-top : none;
}
.navbar .bk-nav .logo img {
margin-left : 2em;
width : 8em;
float : left;
margin-top: 0em;
}

.navbar {
width: 100% !important;
}

}


@media (max-width : 468px) {

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 10% !important;
  left: 15%;
}

.intro-video iframe {
height: 20%;
}

.carousel-caption h1 {
font-size: 1.5em !important;
}

.carousel-caption p {
  font-size : 0.9em !important;
}

}

#spacer-first {
margin-top : 87px;
}

body { background: #ccc !important; }

.carousel-caption h1 {
  font-family : "Roboto", sans-serif;
  font-size : 5em;
  font-weight : 100;
}

.carousel-caption p {
  font-family : "Ubuntu", sans-serif;
  font-size : 28px;
  font-weight : 300;
}

.white-bg {
background-color : #ffffff;
}

.full-droplet img {
width : 60%;
float: left;
margin-left: 60px;
margin-right: 60px;
}

.droplet img {
width : 60%;
float: left;
margin-top : 50px;
margin-bottom : 50px;
margin-left: 60px;
margin-right: 60px;
}
.droplet {
padding : 100px;
}

.droplet-text h1 {
color: #777777;
font-family : "Roboto", sans-serif;
font-weight: 100;
padding : 100px 100px 0px 100px;
text-align : right;
}

.droplet-text p{
padding : 20px 100px 50px 100px;;
font-size : 16px;
}

p.pull-right  {
text-align : right;
}
p.pull-left  {
text-align : left;
}
h1.pull-right  {
text-align : right;
}
h1.pull-left  {
text-align : left;
}

.center {
margin: 0 auto;
text-align: center;
padding-left: auto;
padding-right: auto;
}

.caption-text p {
font-family :  "Ubuntu", sans-serif;
color: #aaaaaa;
font-size : 20px;


}
.caption-text h1 {
font-weight : 100;
font-size: 40px;
font-family :  "Roboto", sans-serif;
color: #aaaaaa;
margin-bottom: 0px;
}

img.center {
margin-top: 0px;
display: block;
margin-left: auto;
margin-right: auto;
width: 60%;
}

img.banner {
max-width : 100%;
}
.banner-caption h1 {
  font-family : "Roboto", sans-serif;
  font-size : 72px;
  font-weight : 100;
  margin-top : -150px;
  text-align : center;
  color: #fff;
text-shadow: rgb(71, 71, 71) 1px 2px 1px;
}

.intro-video {
margin-top : 120px;
}

.container h1{
padding-top : 0px; 
}
.droplet-text h1{
padding-top : 0px; 
}

.gray-bg {
background-color : #f6f8fa;
}

.container {
padding: 0px;
}

.spacer {
padding-top : 100px;
padding-bottom : 100px;
}

.full-img-text {
margin: 100px 0px;
vertical-align: middle;
float: none;
}

.contact {
margin-top : 100px;
margin-bottom : 100px;
}

.btn {
border-radius : 0px !important;
}
.input-lg {
padding: 25px !important;
border-radius : 4px !important;
}
.droplet-text .contacts {
padding : 100px 100px;
}
.droplet-text h5 {
font-family : "Roboto", sans-serif;
font-size: 18px;
font-weight: 300;
color : #ffffff;
}

.contacts li a {
color : #ffffff;
margin-right : 0.8em;
text-decoration : none;
}

.banner {
margin-top : 100px;
}