html,body
{
    height:100%;
    width:100%;
}

.container-fluid{
  height:100%;
  margin-bottom:-25px;
}
/* TOP NAVBAR */
.navbar {
  background-color: #00BCDD;
  color:white;
  min-height: 25px;
  height:25px;
  margin-bottom:5%;
}

.navbar-text {
  margin-top: 2px;
  margin-bottom:0px;
  font-size:15px;
}

.login {
  color:white;
  font-size: 12px;
  margin-top:5px;
}

.head {
  margin-top:5%;
  margin-bottom:5%;
}

/* NAV CUSTOM */

.links {
  position:absolute;
  bottom:0;
  right:0;
  padding-left:5%;
}

.nav {
  border:0;
}

.nav-link {
  color:rgba(38, 38, 38, 0.68);
}

.nav-link:hover {
  color:#00BCDD;
  background-color: white;
}

/* FRONT PAGE */
.imgs {
  text-align: center;
  background-image: url("../images/bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:100% 100%;
  margin-top:15%;
  padding-top: 20px;
  min-height: 100%;
}

/*.imgs .col-sm-12 {
  background-image: url("../images/bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:100% 100%;
  padding-top: 20px;
  padding-bottom:100%;
}*/

.imgs .col-md-2 {
  min-height: 400px;
  color:white;
  /*border:2px solid white;*/
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1px;
  text-align: center;
}

/*.background-tint {
  background-color: rgba(39, 95, 97, 0.7);
  background-blend-mode: multiply;
}*/

.d1{
  background-image: url("../images/installationmain.jpg");
  padding-top:15%;
  background-size: 100% 100%;
  background-position: bottom;
}

.d2{
  background-image: url("../images/servicemain.jpg");
  padding-top:15%;
  background-size: 100% 100%;
  background-position: right bottom;

}

.d3{
  background-image: url("../images/maintenancemaincropped.jpg");
  padding-top:15%;
  background-size: 100% 100%;
  background-position: top;
  /*background-repeat: no-repeat;*/
}

.d4{
  background-image: url("../images/sheetmetalmain.jpg");
  padding-top:15%;
  background-size: 100% 100%;
}

/* BUTTON STYLING */
.btn {
    padding: 14px 24px;
    border: 1px solid white;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    background: #0099cc;
    color: #ffffff;
    min-width: 100%;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

.navbar-static-bottom{
  position:absolute;
  width:100%;
  margin-bottom:0;
  display:block;
  background-color: none;
}

.nav-bot {
  text-align:center;
  width:100%;
  background-color: #0099cc;
  color:white;
  margin-top:50px;
}

.nav-bot a {
  color:white;
}

.center-bot {
}

@media  (max-width: 767px) {
  .navbar{
    min-height: 50px;
    height:50px;
    padding-bottom:5%;
  }
  .imgs {
    margin-top:15%;
  }

  .head {
    margin-top:10%;
  }
}