html,
 body,
 .header,
 .carousel, .container-mision {
      height: 60vh;
  }

    @media (max-width: 740px) {

      html,
      body,
      .header,
      .carousel {
        height: 100vh;
      }
    }

    @media (min-width: 800px) and (max-width: 850px) {

      html,
      body,
      .header,
      .carousel {
        height: 100vh;
      }
    }

    @media (min-width: 800px) and (max-width: 850px) {
      .navbar:not(.top-nav-collapse) {
        background: #929FBA !important;
      }
    }
    
    .navbar{
    	padding: .5rem 1rem !important;
    }
    	 
    .navbar.scrolling-navbar {
    padding-top: 0px !important; 
    padding-bottom: 0px !important; 
    }
   a.nav-link,  a.dropdown-item{
    color: rgba(6, 3, 128, 1) !important;
    cursor: pointer;
}

h1 {
	
	font-weight:600; !important;
}

.bg {
  /* The image used */
  background-image: url("../img/baners/banner-la-empresa.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-telefonia {
  /* The image used */
  background-image: url("../img/telecom/grandstream.png");
  

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-cableado {
  /* The image used */
  background-image: url("../img/telecom/cableado.jpeg");
  

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-networking {
  /* The image used */
  background-image: url("../img/telecom/it-switch-network-data-processing-163154.jpeg");
  

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-contacto {
  /* The image used */
  background-image: url("../img/telecom/pexels-photo-532173.jpeg");
  

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.bg-vigilancia {
  /* The image used */
  background-image: url("../img/telecom/459-4595257_security-camera-cam-security-hikvision.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-acceso {
  /* The image used */
  background-image: url("../img/telecom/acceso.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-video {
  /* The image used */
  background-image: url("../img/telecom/video-conferencing.jpg");
 
  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-audio {
  /* The image used */
  background-image: url("../img/telecom/polycom-voice-solutions.jpg");
  

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-shadow {
	text-shadow: 2px 1px #000000;
/*	background-color: rgb(0,0,0, .10); */
}

p.text-shadow {
	font-size: 1.6em;
	font-weight: 500;
}

.container-mision {
	
}

.inside-container {
	padding-top: 8em;
}

.btn-matsa {
	background-color: #044081;
	color: #FFFFFF;
}

.icon-matsa {
	color: #044081;
}

.btn-outline-white {
	background-color: #044081 !important;
	
}


footer {
	background-color:	#044081 !important;
}

* { box-sizing: border-box; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.333%;
}
@media (max-width: 575px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}

/* To change the amount of columns on larger devices, uncomment the code below */

/* @media (min-width: 768px) and (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 33.333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .grid-sizer,
  .grid-item {
    width: 20%;
  }
} */

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}