@font-face {
  font-family: 'Plateia';
  font-style: normal;
  font-weight: normal;
  src: local('Plateia Bold'), url('../fonts/Plateia\ Bold.ttf') format('truetype');
}

/* Required for full background image */
html,
body,
header,
.view {
  height: 100%;
}
body{
  overflow-x: hidden;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
}

.top-nav-collapse {
  background-color: #474747 !important;
}
.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}
@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #474747 !important;
  }
}

.hr-light {
  border-top: 3px solid #fff;
  width: 80px;
}
.letra{
  font-family: 'Titillium Web', sans-serif;
  letter-spacing: 1px;
}
.letra--navbar{
  font-family: 'Titillium Web', sans-serif;
  letter-spacing: 1px;
  font-size: 20px;
}

/* INTRO */
.intro-psm {
  background-image: url(../img/products-intro.jpg);
  background-size: cover;
  height: 100vh;
}
.logo-intro {
  height: 17rem;
  margin-bottom: 5rem;
}

@media (max-width:900px){
  .logo-intro{
    height: 10rem;
  }
  .img-nosotros{
    margin: 0rem 2rem 4rem 2rem;
    width: 80%;
  }
}

/* NOSOTROS */
.nosotros{
  background-image: url(../img/fondo-nos.jpg); 
  background-size: cover; 
  background-position: center;
}
.nos-text{
  line-height: 25px;
  /* text-shadow: 1px 1px 1px #000000; */
  padding: 0 2rem 0 2rem;
}
.img-nosotros{
  margin-top:7rem; 
  animation-duration: 3s;
}

/* SERVICIOS */
.servicios-intro-title{
  margin: 10rem 5rem 0 0;
  font-size: 50px;
  font-weight: 700;
}

/* PRODUCTS */
.products-intro{
  background-image: url(../img/products-intro.jpg);
  background-size: cover;
  height: 100vh;
}
.tapa-img{
  margin-top: 30vh;
}
.product-title{
  font-family: 'plateia';
  font-size: 3.5rem;
  margin-top: 45vh;
  text-shadow: 2px 2px 5px black;
}
@media(max-width:990px){
  .product-title{
    font-size: 1.8rem;
  }
  .tapa-img{
    margin-top: 30rem;
  }
}

/* THANKS */
.thanks-title{
  font-family: 'plateia';
  font-size: 3.5rem;
  margin: 8rem 0 0 0;
  text-shadow: 2px 2px 5px black;
}
.thanks-text{
  font-family: 'plateia';
  font-size: 2rem;
  margin: 10rem 0rem 0 0;
  text-shadow: 3px 3px 5px black;
}
/* FOOTER */
.footer-style{
  background-color: #474747;
}