@font-face {
  font-family: 'hfont';
  src: url('../src/font/amsterdam-two-ttf-maisfontes.3ddc/amsterdam-two-ttf.ttf')
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

body, a {
  font-family: 'Open sans', sans-serif!important;
  font-weight: 500!important;
  color: rgb(15, 15, 15)!important;
}

h2, .card-text {
  font-family: 'Open sans', sans-serif!important;
  font-weight: 400;
}

h1 {
  font-family: 'hfont', serif;
}

h5 {
  font-family: 'hfont', serif;
  font-size: 0.80rem;
}

li {
  list-style-type: none;
}

.navbar-scroll {
  background-color: rgba(245, 239, 239, 0);
}

.navbar-scrolled {
  background-color: rgba(255, 255, 255, 0.538);
}

.navbar-scroll .nav-link,
.navbar-scrolled .nav-link,
.fa-bars,
.fa-times,
p, a {
  font-size: 18px;
  color: black;
}

.nav-link:hover {
  color: #57100b!important;
}

.navbar-scroll {
  box-shadow: none;
}

.navbar-scrolled {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.imglogo {
  display: none;
}

#encargos div img:hover,
#miobra div img:hover {
  cursor: zoom-in;
}

.obra div {
  transition: transform 1s;
}

.obra div:hover {
  transform: scale(0.9);
}

.modal-body img:hover {
  cursor: default!important; 
}

.modal-body img {
  width: auto;
  height: 100%;
}

.btn, .btn-danger {
  --mdb-btn-padding-top: 0.5rem!important;
  --mdb-btn-padding-bottom: 0.5rem!important;
}

.btn-danger {
  --mdb-btn-bg: #BF271B!important;
}

.fa-map-marker-alt, .fa-phone, .fa-envelope {
  color: #BF271B;
}

footer p {
  margin-bottom: 8px;
  color: white!important;
}

footer a, .btncontact {
  color: white!important;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

@media only screen and (max-width: 992px) {

.navbar {
  background-color: rgba(255, 255, 255, 0.538)!important;
}

.display-4, .imglogotop {
  display: none;
}
  
.imglogo {
  display: inline-block;
}

.modal-body img {
  width: auto!important;
  height: 100%!important;
}

footer a, footer p {
  font-size: 14px;
}
footer p {
  margin-bottom: 12px;
  color: white!important;
}

}

@media only screen and (max-width: 768px) {

.mb-5 {
  margin-bottom: 1.5rem!important;
}

.mb-10 {
  margin-bottom: 5rem!important;
}

.mb-8 {
  margin-bottom: 3rem!important;
}

.row {
  --mdb-gutter-x: 0rem;
}

.modal-body img {
  width: 100%!important;
  height: auto!important;  
}

}

@media only screen and (max-width: 600px) {



}