.icon {
    display: inline-block;
    vertical-align: middle;
   }
   
.text{
    display: inline-block;
    vertical-align: middle;
}
html {
    scroll-behavior: smooth;
  }
  
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	outline: none;
	box-shadow: none;
}

.color-principal{
  color: #17a2b8!important;
}

.ion-iconBlue:active{
  color: #FFFFFF;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  top: 80px;
  left: 50%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: red;
  text-align: center;
}

#comentarios img{
  margin-top: -5rem;
}

#comentarios .card{
  border-radius: 3px;
  box-shadow: 3px 3px 9px #007bff;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#comentarios .card:hover{
  background:#007bff;
  color: #fff;
  border-radius: 3px;
  box-shadow: 3px 3px 9px #9e9e9e;
}

#comentarios .card:hover h3,#team .card:hover i{
  color: #fff;
}
  
#top-menu li > a:hover {
 box-shadow: 0 3px 0 0 #17a2b8!important; /*** COLOR AND THICKNESS OF THE LINE ON HOVER ***/
 padding-bottom: 3px;
 opacity: .9 !important;
}
.navbar-light .navbar-toggler {
  color: #17a2b8;
  border-color: #17a2b8;
}
.icon {
  display: inline-block;
  vertical-align: middle;
 }   
.text{
  display: inline-block;
  vertical-align: middle;
}
#contactobg{ 
 background-image:url("../imagenes/sanangelinn.jpg"); 
 background-position-y: 10rem;
 background-repeat: no-repeat;
 min-height: 400px;
 background-attachment: fixed;
 background-size: 100vw;
 width: 100%;
 
} 
.ion-icon {
  color: blue;
}
ion-icon {
  --ionicon-stroke-width: 16px;
}

  /* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
    .nav-item{
        padding: 0.5rem 0 0.5rem 0;
        font-size: 1.5rem;
        color: #FFF;
        text-align: center;
     }  
     
  }