@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.nombre_clinica{
	 grid-column: 1;
	
}
.navbar{
	background-color: #1976d2;
	grid-column: 2 / 4;
	color: white;
	padding-left: 10px;
	border-top-left-radius: 5px ;
	;
	border-bottom-left-radius: 5px ;
	
}
.sr-only img{
	margin-right:10px ;
	width: 50px;
	height: 50px;

}
.img_header{
	margin-right:10px ;
	width: 70px;
	height: 70px;
}
.navbar a{
	border-radius: 5px;
	transition: .2s;
}
.navbar a:hover{
	background-color: #ffffff30;
	transition: .2s;
}
.main_header_container{
	display: grid;   
	grid-template-columns: repeat(3, 1fr);
}
.header_flex_container{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.main_container{
	height: calc(100vh - 82px);
}
.carousel-inner img{

	height: calc(100vh - 82px);
}
.main_header_container_phone nav{
	background-color: white;
	color: black;
}
#menu_phone{
	background-color: #1976d2;
	color: white;
}
.navbar_phone a{
	text-decoration: none;
	color: white;
	text-align: center;
	border-top: 1px solid #eef0f3 ;
}
.main_title{
	font-size: 1.5 rem !important;
}
.main_header_container_phone{
  	display: none;
  }
.main_container{
	animation: fadeIn 1s;
}
#servicios_container{
	animation: fadeIn 1s;
}

.align-items-center{
	justify-content: center;
}


body::-webkit-scrollbar {
  width: 10px;

}

/* Track */
body::-webkit-scrollbar-track {
  background: #888;
  border-radius: 3px;
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: #ffffff63;
  border-radius: 3px;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: #ffffff63;
}

@media (max-width: 900px) {
  .main_header_container  {
    display: none;
    
  }
  .main_header_container_phone{
  	display: block;
  }
}