@font-face {
    font-family: 'Teko';
    src: url('../fonts/Teko-Regular.ttf');
    /* src: url('../fonts/LatoRegular.eot') format('embedded-opentype'),
         url('../fonts/LatoRegular.woff2') format('woff2'),
         url('../fonts/LatoRegular.woff') format('woff'),
         url('../fonts/LatoRegular.ttf') format('truetype'),
         url('../fonts/LatoRegular.svg#LatoRegular') format('svg'); */
    }


html {
  scroll-behavior: smooth;
  width: 100%;
}

* {
  font-family: "Teko", sans-serif !important;
}

P {
  font-size: 1.5rem;
  font-weight: 300;
  color: #6c757d;
}

#form {
  margin-top: 30px;
}

#bg-form {
  background-color: rgb(209, 209, 209);
}
.form-label,
.form-control {
  font-family: "Teko", sans-serif !important;
  font-size: 18px;
}

.btn,
.btn-secondary {
  font-family: "Teko", sans-serif !important;
  font-size: 18px;
}
.navbar-nav {
  font-family: "Teko", sans-serif !important;
  font-size: 22px;
}

#contacto {
  margin-top: 30px;
  padding-bottom: 30px;
}
.h-contacto {
  margin-top: 30px;
}
footer {
  padding-top: 10px;
}
#contacto-p {
  padding-right: 20px;
}

.svg-icon:hover {
  fill: #ff0000;
}
.icon {
  margin: 0px 10px;
}
.navegacion {
  background-color: black;
}
#menu {
  font-family: "Encode Sans", sans-serif;
}

#menu a {
  color: #fff;
}
#menu :hover {
  color: #ff0000;
}
#rectangulo {
  background-color: #ff0000;
  width: 100%;
  border-radius: 0px 0px 100px 0px;
  padding: 14px 20px 1px;
}
.parrafo-prod {
  padding: 50px 15px;
}
#producto {
  width: 100%;
  margin: 2rem 0rem;
}
#rectangulo-der {
  background-color: #ff0000;
  width: 100%;
  border-radius: 0px 0px 0px 100px;
  padding: 14px 20px 1px;
}
#descripcion-der {
  text-align: right;
}
#maquinas {
  margin-top: 20px;
  margin-bottom: 20px;
}
#navegacion {
  margin: 0 auto;
}
.img-container,
.dir,
.map {
  margin-top: 40px;
}

.bi-envelope-fill,
.bi-geo-alt-fill,
.bi-telephone-fill {
  margin-right: 20px;
}

.mapa {
  border: 1px #000 solid;
}
.mail a {
  color: black;
  text-decoration: none;
}
.form-pop {
  width: 80%;
}
.btn-form-pop {
  margin: 0 auto;
  display: block;
}
.h3-modal {
  text-align: center;
  margin: 20px;
  color: #777;
}
.img-form {
  width: 250px;
}
.img-modal {
  width: 250px;
  display: block;
  margin: 0 auto;
}
.p-modal {
  text-align: center;
  margin: 20px;
  color: #777;
}
#cerrarModal {
  position: absolute;
  z-index: 99;
  top: 11%;
  right: 11%;
  cursor: pointer;
}

a,
a:hover {
  text-decoration: none;
  color: #212529;
}

.mobile {
  display: none;
}

@media (max-width: 576px) {
  #maquinas {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #descripcion-der {
    text-align: center;
  }
  #descripcion {
    text-align: center;
  }
  #carouselExampleIndicators {
    margin-top: 4rem;
  }
  .web {
    display: none;
  }
  .mobile {
    display: block;
  }
}