* {
  margin:0px;
  padding:0px;
  box-sizing: border-box;
}


.navbar {
  background-color: #990000;
}
.navbar a {
    color:#fff;
}

.navbar a:hover {
    background-color:#fff;
    color:#990000;
    display: block;
    padding: .5rem 1rem;
}

.dropdown-menu {
  background-color:#800000;
  margin:0;
  border-radius: 0rem;
}
.dropdown-item {
    background-color:#800000;
    border-bottom:1px solid #660000;
    padding-top:10px;
    padding-bottom:10px;

}

.dropdown-item a:hover {
    background-color:#990000;
    color:#fff;
}

.logo {
  max-width:200px;
background-color: #fff;
}

.container-fluid {
  border-left:20px solid #990000;
  padding-left:20px;
  margin-top:10px;
  }

p {text-align:justify;}

.navbar-toggler {border:1px solid white;color:#fff;}


.menu-right {
  text-align:right;;
}


.nav-link {
  color:#333;
  margin:0 20px;
}

.nav-link::after {margin:0;}

a .nav-link, .dropdown-item {
  text-decoration:none;
  font-family:Roboto;
  font-size:16px;
  color:#333;
}

.flex-container {
  display: flex;
  flex-flow: row wrap;

}




.h1-home2 h1 {
  max-width:70%;
  color:#990000;
  font-family:Roboto;
  font-weight:700;
  font-size:32px;
  padding-left:10px;
  padding-top:10px;}


.img-home {
  max-width: 400px;
  margin:5px;

}

.bg-page {
  background-color:#f2f2f2;
padding:50px 60px;
min-height:100vmin}

.title-page {
  font-family:Roboto;
  font-weight:700;
  color:#990000;
}


.img-obra {
  max-width:350px;
  margin:10px;
}

.img-servicos {
  max-width:250px;
  margin:10px;
}

/*  Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .img-home {
    max-width: calc(50% - 10px);
    margin:5px;
  }

  .container-fluid {
    border-left: 0;
   }

 .h1-home2 h1 {
   width:100%;
   color:#990000;
   font-family:Roboto;
   font-weight:700;
   font-size:22px;}