@font-face {
  font-family: "Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Montserrat-Bold.woff") format("woff"),
    url("../fonts/Montserrat-Bold.otf") format("otf"),
    url("../fonts/Montserrat-Bold.ttf") format("ttf"),
    url("../fonts/Montserrat-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Montserrat-Medium.woff") format("woff"),
    url("../fonts/Montserrat-Medium.otf") format("otf"),
    url("../fonts/Montserrat-Medium.ttf") format("ttf"),
    url("../fonts/Montserrat-Medium.woff2") format("woff2");
}
a:hover {
  text-decoration: none;
}
.Medium {
  font-family: "Medium";
}
.Bold {
  font-family: "Bold";
}
.h-40 {
  height: 40% !important;
}

.main {
  height: 100vh;
  position: relative;
}
.bg-1 {
  background-image: url("../img/img3.jpg");
  background-size: cover;
}
.bg-2 {
  background-image: url("../img/img2.jpg");
  background-size: cover;
}

.bg-3 {
  background-image: url("../img/img1.jpg");
  background-size: cover;
}
.mask-1,
.mask-2,
.mask-3 {
  background: rgba(0, 0, 0, 0.5);
  transition: 1s all;
}
.content {
  position: absolute;
  top: 0;
}
.text h1 {
  font-size: 20px;
}
.title p {
  font-size: 45px;
  line-height: 40px;
}
.logo {
  width: 235px;
  height: 80px;
  position: relative;
}
.logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s;
}
.logo img:hover {
  transform: scale(1.125);
}
.description {
  max-width: 725px;
}
.btn-title {
  width: 300px;
  height: 60px;
  border: 1px solid #fff;
  background: transparent;
  transition: all 0.3s;
}
.btn-title:hover {
  background: #fff;
  color: #000 !important;
  transform: scale(1.125);
}

.bg-1:hover .mask-1,
.bg-2:hover .mask-2,
.bg-3:hover .mask-3 {
  height: 0 !important;
}
.bg-1:hover .btn-title,
.bg-2:hover .btn-title,
.bg-3:hover .btn-title {
  background: #fff;
  color: #000 !important;
  transform: scale(1.125);
}
.bg-1:hover .logo img,
.bg-2:hover .logo img,
.bg-3:hover .logo img {
  transform: scale(1.125);
}

.botoesCentro {
  margin-top: 42% !important;
}

.title-site h2 {
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8);
  white-space: break-spaces;
}

@media (max-width: 991px) {
  .bg-1 {
    height: 100%;
  }
  .bg-2 {
    height: 400px;
  }
  .bg-3 {
    height: 400px;
  }

  .brand-two {
  }

  .botoesCentro {
    margin-top: 45px !important;
  }
}

@media (max-width: 767px) {
  .title-site h2 {
    font-size: 24px;
  }

  .bg-1 {
    height: 50% !important;
  }
}