* {
	padding: 0;
	margin: 0;
}
body{
	background-color: rgb(230, 255, 238, .4);
}
.encabezado{
	width: 100%;
	position: fixed;
	z-index: 100;
}
.contenido{
	padding-top: 50px;
}
.mSuperior{
	margin-top: 1em;
	text-align: center;
}
.titulo{
	text-align: center;
	color: green;
	font-family: 'Questrial', sans-serif;
	font-size: 2.2em;
}
.titulo2{
	text-align: center;
	color: green;
	font-family: 'Questrial', sans-serif;
	font-size: 1.3em;
}
.centrado{
	text-align: center;
}
.negrita{
	font-weight: bold;
}
.mapa{
	margin-top: 2em;
}
.container{
	margin-top: 1em;
}
.logo{
	margin: 0 auto;
	display: block;
	width: 90px;
	height: auto;
	padding-top: 1em;
}	
.lafarmacia{
	font-size: 2.5em;
	font-weight: bold;
	color: rgb(4, 53, 110);
	border-radius: 10px;
	/*background-color: rgb(19, 124, 45);*/
	width: fit-content;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border: none;
	padding-left: 12em;
}
.ladireccion{
	font-size: 1.4em;
	color: green;
	color: rgb(4, 53, 110);
}
#laUbicacion{
	border: 0;
	width: 500px;
	height: 400px;

}
.tituloProximas{
	 margin-top: 3em;
	 margin-bottom: 1em;
}
.navbar.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.acercalegal{
	padding-top: 4em;
}
.acerca{
		height: 75vh;
		display: flex;
  		align-items: center;
  		justify-content: center;
  		text-align: center;
	}
.legal{
	margin: 0em 5em 0em 5em
}
.pie{
	font-family: 'Montserrat', sans-serif;
	padding: 1em 0 0.2em 0;
	background-color: rgb(1, 51, 16, .9);
	font-size: .8em;
	line-height: 0.7;
	list-style: none;
}
.enlacepie{
	font-size: 1em;
	text-decoration: none;
	color: rgb(255, 255, 255, .9);
}
.enlacepie:visited{
	text-decoration: none;
	color: rgb(255, 255, 255, .9);
}
.enlacepie:hover{
	text-decoration: none;
	color: rgb(255, 255, 255, .9);
}
.empresa{
	font-size: 1em;
	color: rgb(255, 255, 255, .9);
	line-height: 1;
	text-align: left;
}
.tit{
	text-align: center;
	padding-left: 2em;
}

.tip1{
	text-align: center;
	display: block;
	margin-left: 2em;
	padding-top: 6em;
	font-size: 1em;
}
.imagentips{
	width: 15%;
	display: block;
	margin:  auto;
	margin-bottom: 2em;
	margin-top: 2em;
}

@media only screen and (max-width: 600px){
	.logo{
		width: 25%;
		margin-bottom: 0.2em;
	}
	.titulo{
		font-size: 1.8em !important;
		margin-top: 0.4em;
	}
	.titulo2{
		font-size: 1.1em !important;
		margin-top: 0.4em;
	}
	.lafarmacia{
		font-size: 1.7em;
	}
	.ladireccion{
		font-size: 1.1em;
		color:  green;
	}
	.container{
		margin-top: -0.8em;
	}
	.proximas{
		font-size: 0.9em;
		margin-top: 1em;
	}
	.tituloProximas{
		margin-top: 2em;
		font-size: 1.3em;
	}
	#laUbicacion{
		border: 0;
		width: 93%;
		height: 250px;
	}
	.mapa{
		margin-top: 0.9em;
	}
	.acercalegal{
		padding-left: -10px;
		font-size: .9em;
	}
	.legal{
		margin: 0em 2em 0em 2em;
		
	}
	.empresa{
	font-size: .9em;
	line-height: 1.5em;
	color: rgb(255, 255, 255, .9);
	}
	.enlacepie{
	font-size: .9em;
	}	
	.tips{
		font-size: .9em;
	}
	.tip1{
		display: block;
		margin-left: 2em;
		margin-right: 2em;
		padding-top: 6em;
		text-align: left;
		font-size: .9em;
	}
	.imagentips{
		width: 60%;
		
	}
	
}