.navbar {
  box-shadow: 0px 3px 10px #666; }

.navbar-brand,
.navbar-nav a {
  font-family: 'Volkhov', serif;
  font-size: 1.1rem; }

html,
body {
  margin: 0;
  padding: 0;
  font-size: 16px; }

@font-face {
  font-family: HTOWERT;
  src: local("../../font/HTOWERT.TTF"), url("../../font/HTOWERT.TTF"); }
body {
  font-family: 'Bree Serif', serif; }

#infraestrutura, #galeria, #orcamento, #depoimentos, #espaco, #locacao {
  min-height: 100vh;
  height: auto;
  padding-bottom: 2vh; }

#infraestrutura {
  background-color: #ececed; 
}
  #infraestrutura h2 {
    color: #831616;
  text-align: center; }
  #infraestrutura h3{
    text-align: left; }
#galeria {
  background-color: white; }
  #galeria h1 {
    color: #831616;
    font-family: HTOWERT; }
  #galeria h1:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f083 "; }

#orcamento {
  background-color: #f69e00; }
  #orcamento p {
    font-size: 1rem; }

#depoimentos {
  background-color: white; }
  #depoimentos h1 {
    color: #f69e00; }

#espaco {
  background-image: linear-gradient(to top, rgba(131, 47, 48, 0.6), rgba(131, 47, 48, 0.8)), url("../../img/esp.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  #espaco h1 {
    color: white;
    font-family: HTOWERT; }
  #espaco h3 {
    color: white; }

#locacao {
  background-image: linear-gradient(to top, rgba(131, 47, 48, 0.8), #832f30);
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  #locacao h2 {
    color: #f69e00; }
  #locacao .pergunta {
    color: white; }
  #locacao .resposta {
    color: black; }

.anchor {
  padding-top: 8%; }

.icons {
  display: inline; }

.bg-custom {
  background-color: white; }

.card-container {
  position: relative;
  width: 100%;
  color: #f69e00;
  margin: auto;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: justify;
  padding: 1%;
  margin: 2%; }
  .card-container h2 {
    position: absolute;
    color: white;
    width: 100%;
    text-align: center;
    transform: translatey(-50%);
    margin: 0;
    padding: 0;
    top: -24px;
    left: 0;
    font-weight: bolder;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-transition: top .5s ease-in;
    -o-transition: top .5s ease-in;
    transition: top .5s ease-in; }
  .card-container:hover h2 {
    top: 20%;
    transform: translatey(-50%); }
  .card-container .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 1%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease .5s;
    -o-transition: opacity .5s ease .5s;
    transition: opacity .5s ease .5s; }
  .card-container p {
    color: white; }
  .card-container:hover .caption {
    opacity: 1; }

.makers {
  position: fixed;
  bottom: 60px;
  right: -250px;
  height: 180px;
  width: 250px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 5px;
  text-align: center; }
  .makers p {
    display: block;
    font-family: 'Volkhov', serif;
    display: block;
    color: white;
    font-size: .8rem;
    margin-right: 10px; }

.toggleMakers {
  position: fixed;
  bottom: 0;
  right: 0;
  cursor: pointer;
  height: 40px;
  width: 40px;
  -webkit-transition: all .3s linear 0s;
  transition: all .3s linear 0s; }
  .toggleMakers:hover {
    color: #831616; }

.face {
  border: 3px solid #f69e00; }