html, body {
  margin: 0px!important;
  padding: 0px!important;
  font-family: 'PT Sans', sans-serif!important;
  scroll-behavior: smooth;
  background: url('../img/main_header_big3.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

.bg-trans {
  background-color: none;
  transition: background-color 1s ease-in-out;


}
.bg-blanco {
  background-color: #fff;
  backdrop-filter: blur(5px);
  transition: backdrop-filter 1s ease-in-out;
}

.bg-trans  .nav-link {
  color: #FFF!important;
  text-shadow: 1px 1px #000;
}


  .bg-blanco .nav-link {
    color: #0e71b8!important;
    text-shadow: 1px 1px white!important;
  }

  .bg-blanco .Conversemos {
    color: #fff!important;
    text-shadow: none!important;
  }

@media only screen and (max-width: 600px) {
  body {
    background: url('../img/main_header3.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
  }
  .Inicio {
    padding-top: 50px!important;
  }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {

  body {
    background: url('../img/main_header3.jpg');
    background-repeat: no-repeat;
    background-position: top center;
  }

  #Servicios {
    padding-top: 0px!important;
    margin-top:-200px!important;
  }

}

@font-face {
  font-family: 'Avenir Next';
  font-style: normal;
  src: url(../fonts/AvenirNextLTPro-Bold.woff) format("woff");
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Avenir Next';
  font-weight: 600;
}
h1 {
  font-size:5em!important;
  font-weight: 800;
}
h2 {
  font-size:3em!important;
  font-weight: 800;
}
h3 {
  font-size:2em!important;
}

#header {
  display: none;
}

#header h1, #header h2, #header h3, #header span {
  color:white!important;
  text-shadow: 1px 1px black;
}

.efecto_color_bn {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: filter 1s ease-in-out;
  transition: -webkit-filter 1s ease-in-out;
}

.efecto_color_bn:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.nav-link {
  color: #FFF!important;
  text-shadow: 1px 1px #000;
}

.Conversemos {
  background-color: #046fb2;
  text-shadow: none!important;
  color: #FFF!important;
  border-radius:20px;
  padding-left:15px!important;
  padding-right:20px!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
}

.texto_servicios {
  line-height:0.9em;
  font-size:1.5em;
}
.card-img-top {
  object-fit: cover;
  height:200px;
}