@font-face {
  font-family: 'Proxima-Nova-Alt-Bold';
  src: url('../fonts/Proxima-Nova-Alt-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Alt-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'Proxima-Nova-Alt-Regular';
  src: url('../fonts/Proxima-Nova-Alt-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Alt-Regular.ttf')  format('truetype');
}
html{
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body{
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  color: #595959;
}
img{
  max-width: 100%;
}
.navbar-brand img{
  max-width: 140px;
}
.navbar-light .navbar-nav .nav-link {
  font-family: 'Proxima-Nova-Alt-Bold';
}
h1, h2, h3, h4, h5 {
  font-family: 'Proxima-Nova-Alt-Bold';
}
.h4, h4 {
  font-size: 1.1rem;
}
.home{
  background: url(../img/home.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 700px;
  color: #FFF;
  padding-bottom: 5rem;
}
.home h1{
  font-size: 4rem;
}
.home h2{
  font-size: 3rem;
}
#quienes{
  background: #e9edf4;
}
#contacto{
  background: #e9edf4;
  height: 500px;
}
.texto-violeta{
  color: #3f3c84;
}
.quienes-contenido{
  max-width: 600px;
}
.contacto-contenido{
  max-width: 600px;
}
#contacto a{
  color: #595959;
}
footer{
  background: #3f3c84;
  color: #FFF;
}
footer img{
  max-width: 120px;
}
footer a{
  color: #FFF;
}
footer a:hover{
  color: #ffff00;
}
@media screen and (min-width: 1200px){
}
@media (min-width: 1400px){
  .container {
    max-width: 1370px;
  }
}
@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (max-width: 1322px) {
  .container {
    width: 100%;
  }
  .home{
    height: 500px;
  }
}
@media screen and (max-width: 1199px){
}
@media screen and (max-width: 991px){
  .home{
    padding-bottom: 3rem;
  }
  .home h1{
    font-size: 3rem;
  }
  .home h2{
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px){
  .home{
    height: 300px;
  }
  .home{
    padding-bottom: 2rem;
  }
  .home h1{
    font-size: 2rem;
  }
  .home h2{
    font-size: 1.5rem;
  }
  #contacto{
    height: auto;
  }
  .mapa{
    height: 300px !important;
  }
  .navbar-brand img {
    max-width: 100px;
  }
}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){
}