body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}



/******* NAVBAR *******/

.navbar-default,
.navbar-header {
  margin: 0;
  border: none;
  border-radius: 0;
  height: 60px;
}

.navbar {
  background-color: rgb(13, 18, 60);
}

.brand {
  max-height: 65px;
  position: absolute;
  top: 0px;
}

.contact-link {
  background-color: #C1272D;
  border-color: #C1272D;
  position: absolute;
  right: 15px;
  top: 13px;
  font-weight: 600;
}

@media(max-width:767px){
  .brand {
    left: 0;
  }
}



/******* HEADER IMAGE *******/

.bgimage,
.bgimage2,
.bgimage3,
.bgimage4 {

  background-position: center center;
  background-size: cover;
  height: 300px;
}

.bgimage {
  background-image: url('../img/more.jpg');
}

.bgimage2 {
  background-image: url('../img/slider-2.jpg');
}

.bgimage3 {
  background-image: url('../img/slider-3.jpg');
}

.bgimage4 {
  background-image: url('../img/slider-1.jpg');
}

.bgimage h1,
.bgimage2 h1,
.bgimage3 h1,
.bgimage4 h1 {
  color: white;
  background-color: rgba(13, 18, 60, .9);
  padding: 15px 15px 15px 60px;
  margin-left: -15px;
  max-width: 340px;
  position: absolute;
}

.bgimage h1 {
  margin-top: 70px;
}
.bgimage2 h1 {
  margin-top: 55px;
}

.bgimage3 h1 {
  margin-top: 90px;
}

.bgimage4 h1 {
  margin-top: 55px;
}

.carousel-indicators {
  bottom: 0;
}


/******* WHAT WE DO *******/

.button-text {
  position: absolute;
  color: white;
  top: 33px;
  left: 115px;
  font-size: 20px;
}

.testcap{
  display: none;
  color: black;
}

.newcap {
  display: none;
  color: black;
  position: absolute;
  top: 110px;
}

.minimize {
  position: absolute;
  top: 500px;
}

.thumbnail {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
}

a:hover {
  text-decoration: none;
}

.col-sm-6, .col-md-4 {
  padding: 5px;
}

.roofing-siding,
.insurance-work,
.remodeling,
.outdoor-living,
.capital-improvement,
.more {
  background-position: center center;
  background-size: cover;
  height: 120px;
  min-width: 280px;
}

h4 {
  color: white;
}

.roofing-siding {
  background-image: url('../img/more2.png');
  position: relative;
}

.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  text-align: center;
  padding-top: 40px;
}

.layer1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  text-align: center;
  padding-top: 40px;
}

.insurance-work {
  background-image: url('../img/insurance.png');
}

.remodeling {
  background-image: url('../img/remodeling.png');
}

.outdoor-living {
  background-image: url('../img/outdoor.png');
}

.capital-improvement {
  background-image: url('../img/capital.png');
}

.more {
  background-image: url('../img/more2.png');
}

.clickable {
    cursor: pointer;
}

@media (min-width:768px){
  .roofing-siding,
  .insurance-work,
  .remodeling,
  .outdoor-living,
  .capital-improvement,
  .more {
    background-clip: padding-box;
    border: 10px solid transparent;
  }

  .layer {
    color: rgba(0, 0, 0, 0.5);
    padding-top: 33px;
  }

  .more {
    margin-bottom: 30px;
  }
}


/******* MODALS (for "WHAT WE DO") *******/

.modal-header {
  background-color: #C1272D;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.close {
  color: white;
  text-shadow: none;
  opacity: .7;
  line-height: normal;
}


/******* TRUSTED BY *******/

.apartment {
  margin: 0 auto;
  width: 100%;
  padding: 25px;
}

.view-more, .view-less {
  text-align: center;
  display: none;
  margin: 5px 0 30px 0;
  width
}

.expand-btn {
  width: 238px;
}

.logo-disclaimer {
  text-align: center;
  margin: 5px 0 0 0;
  color: #808080;
  font-size: 10px;
  width: 100%;
}

.view-less {
  display: none;
}

@media(max-width:767px) {
  .view-more {
    display:block;
  }
  .small-hide {
    display:none;
  }

  .logo-disclaimer {
    margin-bottom: 0;
  }
}



/******* CONTACT FORM *******/

.btn-block {
  background-color: #C1272D;
  color: white;
  font-size: 17px;
  height: 60px;
  font-weight: 600;
}

.second-button {
    margin-bottom: 35px;
}

.mobile-button {
  display: none;
}

.contact-button {
  padding-bottom: 0;
}



/******* FOOTER *******/

footer {
  height: 40px;
  padding-top: 10px;
  text-align: center;
  background-color: rgb(13, 18, 60);
  color: white;
}