html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: 'ultralight';
  src: url('../fonts/Montserrat-UltraLight.otf');
}
@font-face {
  font-family: 'light';
  src: url('../fonts/Montserrat-Light.otf');
}
@font-face {
  font-family: 'hairline';
  src: url('../fonts/Montserrat-Hairline.otf');
}
@font-face {
  font-family: 'regular';
  src: url('../fonts/Montserrat-Regular.otf');
}
@font-face {
  font-family: 'semibold';
  src: url('../fonts/Montserrat-SemiBold.otf');
}

@media (min-width: 768px) {
  .nosotros-img{ width: 100%; margin-left: -30px; }
  .nosotros{ display: flex; align-items: center; }
  .nav .navbar-nav{height: 90px; display: flex; align-items: center;}
}
@media (max-width: 767px) {
  .nosotros-img{ width: 117%; margin: 0 0px 0 -30px; }
}
h1{ font-family: 'ultralight'; font-size: 6em; text-align: center;}
h2{ font-family: 'light'; color: #5c98c8; font-size: 44px; }
h3{ font-family: 'hairline'; }
h4{ font-family: 'light'; color: #5c98c8; font-size: 2.2em; }
p{ font-family: 'regular'; font-size: 17px; }
li{ list-style: none; font-family: 'light';}

.col-center{
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: transparent !important;}
.navbar-default .navbar-nav>li>a{color: #5c98c8;}
@media (min-width: 768px){
.navbar-nav>li { width: 20%;}
.que_hacemos{display: flex; justify-content: center;}
}

.circulo{
    width: 25rem;
	height: 25rem;
	border-radius: 50%;
	background: #5c98c8;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
  margin:0px auto;
  padding:3%
}
.offline, .online{ opacity: 0; }

.menu-bajo{ position: fixed !important; background-color: #fff !important; z-index: 99; width: 100%; margin: 0 !important; border: none; padding: 10px 0 20px 0 !important; }
.logo_a{ padding: 0px 15px !important; }
.logo_img{ width: 90px !important; }
input{
    background-color: unset !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 10px 0px !important;
}