html, body {
	max-width: 100vw;
	overflow-x: hidden;
}

@font-face {
	font-family: "HKGroteskLight";
	src: url("fonts/HKGroteskPro-Light.ttf") format("truetype");
}
 
/*////////////// ESCRITORIO GRANDE //////////////*/

@media screen and (max-width: 2560px) {

	* {
		margin: 0;
	}

	body {
		background-color: #C3CBBE;
		font-family: "HKGroteskLight";
	}

	a {
		color: black;
		text-decoration: none;
		
	}

	p {
		font-size: 1em;
	}

	.content {
		width: 100vw;
		height: 100vh;
	}

	.farmaHeader {
		width: 100%;
		height: 10%;
		position: absolute;
		z-index: 10;
	}

	.headerLeft {
		width: 50%;
		height: 10%;
		float: left;
		margin-top: 45px;
		position: relative;
	}

	#farmacia-logo-01 {
		width: 80px;
		height: 80px;
		margin-left: 45px;
		float: left;
	}

	.headerRight {
		width: 50%;
		height: 10%;
		float: right;
		margin-top: 65px;
		position: relative;
	}

	#farmacia-logo-02 {
		width: 375px;
		height: 25px;
		margin-right: 45px;
		float: right;
	}

	.farmaSlider {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.contentSlide1,.contentSlide2,.contentSlide3,.contentSlide4,.contentSlide5 {
		position: absolute;
		width: 100vw;
		height: 100vh;
	}

	.contentSlide1 {
		background-image: url(../img/farmacia-sala-slider-01.png);
		background-color: #C3CBBE;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade 20s infinite;
		-webkit-animation: fade 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide2 {
		background-image: url(../img/farmacia-sala-slider-02.png);
		background-color: #C3CBBE;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade2 20s infinite;
		-webkit-animation: fade2 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide3 {
		background-image: url(../img/farmacia-sala-slider-03.png);
		background-color: #C3CBBE;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade3 20s infinite;
		-webkit-animation: fade3 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide4 {
		background-image: url(../img/farmacia-sala-slider-04.png);
		background-color: #C3CBBE;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade4 20s infinite;
		-webkit-animation: fade4 20s infinite;
		animation-duration: 20s;
	}

	@keyframes fade {
		0% {opacity: 1;}
		8.33% {opacity: 1;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade2 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 1;}
		33.32% {opacity: 1;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade3 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 1;}
		58.31% {opacity: 1;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade4 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 1;}
		83.3% {opacity: 1;}
		100% {opacity: 0;}
	}

	.farmaFooter {
		width: 100%;
		height: auto;
		float: right;
		margin-top: -80px;
		position: absolute;
	}

	.footerLeft {
		width: 45%;
		height: 10%;
		float: left;
		display: inline-block;
	}

	.direccion {
		display: inline-block;
		margin-left: 45px;
	}

	.mapa {
		display: inline-block;
		margin-left: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.footerRight {
		width: 45%;
		height: 10%;
		float: right;
		display: inline-block;
	}

	.contacto {
		display: inline-block;
		float: right;
		margin-right: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.tlf {
		display: inline-block;
		float: right;
		margin-right: 45px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
		pointer-events: none;
	}

}


/*////////////// ESCRITORIO //////////////*/

@media screen and (max-width: 1440px) {

	* {
		margin: 0;
	}

	body {
		background-color: #C3CBBE;
		font-family: "HKGroteskLight";
	}

	a {
		color: black;
		text-decoration: none;
	}

	p {
		font-size: 0.8em;
	}

	.content {
		width: 100vw;
		height: 100vh;
	}

	.farmaHeader {
		width: 100%;
		height: 10%;
		position: absolute;
		z-index: 10;
	}

	.headerLeft {
		width: 50%;
		height: 10%;
		float: left;
		margin-top: 45px;
		position: relative;
	}

	#farmacia-logo-01 {
		width: 70px;
		height: 70px;
		margin-left: 45px;
		float: left;
	}

	.headerRight {
		width: 50%;
		height: 10%;
		float: right;
		margin-top: 65px;
		position: relative;
	}

	#farmacia-logo-02 {
		width: 300px;
		height: 20px;
		margin-right: 45px;
		float: right;
	}

	.farmaSlider {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.contentSlide1,.contentSlide2,.contentSlide3,.contentSlide4,.contentSlide5 {
		position: absolute;
		width: 100vw;
		height: 100vh;
	}

	.contentSlide1 {
		background-image: url(../img/farmacia-sala-slider-01.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade 20s infinite;
		-webkit-animation: fade 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide2 {
		background-image: url(../img/farmacia-sala-slider-02.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade2 20s infinite;
		-webkit-animation: fade2 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide3 {
		background-image: url(../img/farmacia-sala-slider-03.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade3 20s infinite;
		-webkit-animation: fade3 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide4 {
		background-image: url(../img/farmacia-sala-slider-04.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade4 20s infinite;
		-webkit-animation: fade4 20s infinite;
		animation-duration: 20s;
	}

	@keyframes fade {
		0% {opacity: 1;}
		8.33% {opacity: 1;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade2 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 1;}
		33.32% {opacity: 1;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade3 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 1;}
		58.31% {opacity: 1;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade4 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 1;}
		83.3% {opacity: 1;}
		100% {opacity: 0;}
	}

	.farmaFooter {
		width: 100%;
		height: auto;
		float: right;
		margin-top: -80px;
		position: absolute;
	}

	.footerLeft {
		width: 45%;
		height: 10%;
		float: left;
		display: inline-block;
	}

	.direccion {
		display: inline-block;
		margin-left: 45px;
	}

	.mapa {
		display: inline-block;
		margin-left: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.footerRight {
		width: 45%;
		height: 10%;
		float: right;
		display: inline-block;
	}

	.contacto {
		display: inline-block;
		float: right;
		margin-right: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.tlf {
		display: inline-block;
		float: right;
		margin-right: 45px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
		pointer-events: none;
	}

}


/*////////////// TABLET GRANDE //////////////*/

@media screen and (max-width: 1024px) {

	* {
		margin: 0;
	}

	body {
		width: 100vw;
		height: 100vh;
		background-color: #C3CBBE;
		font-family: "HKGroteskLight";
		position: fixed;
	}

	a {
		color: black;
		text-decoration: none;
	}

	p {
		font-size: 1.2em;
	}

	.content {
		width: 100vw;
		height: 100vh;
		position: fixed;
	}

	.farmaHeader {
		width: 100%;
		height: 10%;
		position: absolute;
		z-index: 10;
	}

	.headerLeft {
		width: 50%;
		height: 10%;
		float: left;
		margin-top: 45px;
		position: relative;
	}

	#farmacia-logo-01 {
		width: 70px;
		height: 70px;
		margin-left: 45px;
		float: left;
	}

	.headerRight {
		width: 50%;
		height: 10%;
		float: right;
		margin-top: 65px;
		position: relative;
	}

	#farmacia-logo-02 {
		width: 300px;
		height: 20px;
		margin-right: 45px;
		float: right;
	}

	.farmaSlider {
		width: 100vw;
		height: 100vh;
		position: relative;
	}

	.contentSlide1,.contentSlide2,.contentSlide3,.contentSlide4,.contentSlide5 {
		position: fixed;
		width: 100vw;
		height: 100vh;
	}

	.contentSlide1 {
		background-image: url(../img/farmacia-sala-slider-01.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade 20s infinite;
		-webkit-animation: fade 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide2 {
		background-image: url(../img/farmacia-sala-slider-02.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade2 20s infinite;
		-webkit-animation: fade2 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide3 {
		background-image: url(../img/farmacia-sala-slider-03.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade3 20s infinite;
		-webkit-animation: fade3 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide4 {
		background-image: url(../img/farmacia-sala-slider-04.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade4 20s infinite;
		-webkit-animation: fade4 20s infinite;
		animation-duration: 20s;
	}

	@keyframes fade {
		0% {opacity: 1;}
		8.33% {opacity: 1;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade2 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 1;}
		33.32% {opacity: 1;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade3 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 1;}
		58.31% {opacity: 1;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade4 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 1;}
		83.3% {opacity: 1;}
		100% {opacity: 0;}
	}

	.farmaFooter {
		width: 100%;
		height: auto;
		float: right;
		bottom: 10%;
		position: absolute;
	}

	.footerLeft {
		width: 100%;
		height: 10%;
		float: none;
		margin-bottom: 30px;
		text-align: center;
	}

	.direccion {
		margin-left: 45px;
		display: none;
	}

	.mapa {
		margin-left: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.footerRight {
		width: 100%;
		height: 10%;
		float: none;
		text-align: center;
	}

	.contacto {
		float: none;
		margin-right: 0px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.tlf {
		float: none;
		margin-right: 5px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
		pointer-events: auto;
	}

}


/*////////////// TABLET //////////////*/

@media screen and (max-width: 768px) {

	* {
		margin: 0;
	}

	body {
		width: 100vw;
		height: 100vh;
		background-color: #C3CBBE;
		font-family: "HKGroteskLight";
		position: fixed;
	}

	a {
		color: black;
		text-decoration: none;
	}

	p {
		font-size: 1em;
	}

	.content {
		width: 100vw;
		height: 100vh;
		position: fixed;
	}

	.farmaHeader {
		width: 100%;
		height: 10%;
		position: absolute;
		z-index: 10;
	}

	.headerLeft {
		width: 50%;
		height: 10%;
		float: left;
		margin-top: 45px;
		position: relative;
	}

	#farmacia-logo-01 {
		width: 60px;
		height: 60px;
		margin-left: 45px;
		float: left;
	}

	.headerRight {
		width: 50%;
		height: 10%;
		float: right;
		margin-top: 65px;
		position: relative;
	}

	#farmacia-logo-02 {
		width: 300px;
		height: 20px;
		margin-right: 45px;
		float: right;
	}

	.farmaSlider {
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.contentSlide1,.contentSlide2,.contentSlide3,.contentSlide4,.contentSlide5 {
		position: fixed;
		width: 100vw;
		height: 100vh;
	}

	.contentSlide1 {
		background-image: url(../img/farmacia-sala-slider-tablet-01.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade 20s infinite;
		-webkit-animation: fade 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide2 {
		background-image: url(../img/farmacia-sala-slider-tablet-02.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade2 20s infinite;
		-webkit-animation: fade2 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide3 {
		background-image: url(../img/farmacia-sala-slider-tablet-03.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade3 20s infinite;
		-webkit-animation: fade3 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide4 {
		background-image: url(../img/farmacia-sala-slider-tablet-04.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade4 20s infinite;
		-webkit-animation: fade4 20s infinite;
		animation-duration: 20s;
	}

	@keyframes fade {
		0% {opacity: 1;}
		8.33% {opacity: 1;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade2 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 1;}
		33.32% {opacity: 1;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade3 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 1;}
		58.31% {opacity: 1;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade4 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 1;}
		83.3% {opacity: 1;}
		100% {opacity: 0;}
	}

	.farmaFooter {
		width: 100%;
		height: auto;
		float: right;
		bottom: 10%;
		position: absolute;
	}

	.footerLeft {
		width: 100%;
		height: 10%;
		float: none;
		margin-bottom: 25px;
		text-align: center;
	}

	.direccion {
		margin-left: 45px;
		display: none;
	}

	.mapa {
		margin-left: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.footerRight {
		width: 100%;
		height: 10%;
		float: none;
		text-align: center;
	}

	.contacto {
		float: none;
		margin-right: 0px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.tlf {
		float: none;
		margin-right: 5px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
		pointer-events: auto;
	}

}



/*////////////// TABLET HORIZONTAL //////////////*/

@media screen and (orientation:landscape) and (min-device-width: 440px) and (max-device-width: 1024px) {

	* {
		margin: 0;
	}

	body {
		width: 100vw;
		height: 100vh;
		background-color: #C3CBBE;
		font-family: "HKGroteskLight";
	}

	a {
		color: black;
		text-decoration: none;
	}

	p {
		font-size: 0.9em;
	}

	.content {
		width: 100vw;
		height: 100vh;
		position: fixed;
	}

	.farmaHeader {
		width: 100%;
		height: 10%;
		position: absolute;
		z-index: 10;
	}

	.headerLeft {
		width: 50%;
		height: 10%;
		float: left;
		margin-top: 45px;
		position: relative;
	}

	#farmacia-logo-01 {
		width: 60px;
		height: 60px;
		margin-left: 45px;
		float: left;
	}

	.headerRight {
		width: 50%;
		height: 10%;
		float: right;
		margin-top: 65px;
		position: relative;
	}

	#farmacia-logo-02 {
		width: 300px;
		height: 20px;
		margin-right: 45px;
		float: right;
	}

	.farmaSlider {
		width: 100vw;
		height: 100vh;
		position: relative;
	}

	.contentSlide1,.contentSlide2,.contentSlide3,.contentSlide4,.contentSlide5 {
		position: fixed;
		width: 100vw;
		height: 90vh;
	}

	.contentSlide1 {
		background-image: url(../img/farmacia-sala-slider-01.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:auto 99%;
		background-position:center;
		animation: fade 20s infinite;
		-webkit-animation: fade 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide2 {
		background-image: url(../img/farmacia-sala-slider-02.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:auto 99%;
		background-position:center;
		animation: fade2 20s infinite;
		-webkit-animation: fade2 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide3 {
		background-image: url(../img/farmacia-sala-slider-03.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:auto 99%;
		background-position:center;
		animation: fade3 20s infinite;
		-webkit-animation: fade3 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide4 {
		background-image: url(../img/farmacia-sala-slider-04.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:auto 99%;
		background-position:center;
		animation: fade4 20s infinite;
		-webkit-animation: fade4 20s infinite;
		animation-duration: 20s;
	}

@keyframes fade {
		0% {opacity: 1;}
		8.33% {opacity: 1;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade2 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 1;}
		33.32% {opacity: 1;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade3 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 1;}
		58.31% {opacity: 1;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade4 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 1;}
		83.3% {opacity: 1;}
		100% {opacity: 0;}
	}

	.farmaFooter {
		width: 100%;
		height: auto;
		float: right;
		bottom: 10%;
		position: absolute;
	}

	.footerLeft {
		width: 100%;
		height: 10%;
		float: none;
		margin-bottom: 30px;
		text-align: center;
	}

	.direccion {
		margin-left: 45px;
		display: none;
	}

	.mapa {
		margin-left: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.footerRight {
		width: 100%;
		height: 10%;
		float: none;
		text-align: center;
	}

	.contacto {
		float: none;
		margin-right: 0px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.tlf {
		float: none;
		margin-right: 5px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
		pointer-events: auto;
	}

}



/*////////////// MOBILE //////////////*/

@media screen and (max-width: 414px) {

	* {
		margin: 0;
	}

	body {
		width: 100vw;
		height: calc(100vh - 25px);
		background-color: #C3CBBE;
		font-family: "HKGroteskLight";
		position: fixed;
	}

	a {
		color: black;
		text-decoration: none;
	}

	p {
		font-size: 0.9em;
	}

	.content {
		width: 100vw;
		height: 100vh;
		position: fixed;
	}

	.farmaHeader {
		width: 100vw;
		height: 10%;
		position: absolute;
		z-index: 10;
	}

	.headerLeft {
		width: 50%;
		height: 10%;
		float: left;
		margin-top: 25px;
		position: relative;
	}

	#farmacia-logo-01 {
		width: 50px;
		height: 50px;
		margin-left: 15px;
		float: left;
	}

	.headerRight {
		width: 50%;
		height: 10%;
		float: right;
		margin-top: 55px;
		position: relative;
	}

	#farmacia-logo-02 {
		width: 175px;
		height: 11.5px;
		margin-right: 15px;
		float: right;
	}

	.farmaSlider {
		width: 100vw;
		height: 100vh;
		position: relative;
	}

	.contentSlide1,.contentSlide2,.contentSlide3,.contentSlide4,.contentSlide5 {
		position: fixed;
		width: 100vw;
		height: 100vh;
	}

	.contentSlide1 {
		background-image: url(../img/farmacia-sala-slider-tablet-01.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:100%;
		background-position:center;
		animation: fade 20s infinite;
		-webkit-animation: fade 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide2 {
		background-image: url(../img/farmacia-sala-slider-tablet-02.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:100%;
		background-position:center;
		animation: fade2 20s infinite;
		-webkit-animation: fade2 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide3 {
		background-image: url(../img/farmacia-sala-slider-tablet-03.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:100%;
		background-position:center;
		animation: fade3 20s infinite;
		-webkit-animation: fade3 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide4 {
		background-image: url(../img/farmacia-sala-slider-tablet-04.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:100%;
		background-position:center;
		animation: fade4 20s infinite;
		-webkit-animation: fade4 20s infinite;
		animation-duration: 20s;
	}

@keyframes fade {
		0% {opacity: 1;}
		8.33% {opacity: 1;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade2 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 1;}
		33.32% {opacity: 1;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade3 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 1;}
		58.31% {opacity: 1;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade4 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 1;}
		83.3% {opacity: 1;}
		100% {opacity: 0;}
	}

	.farmaFooter {
		width: 100%;
		height: auto;
		float: right;
		bottom: 15%;
		position: absolute;
	}

	.footerLeft {
		width: 100%;
		height: 10%;
		float: none;
		margin-bottom: 15px;
		text-align: center;
	}

	.direccion {
		margin-left: 45px;
		display: none;
	}

	.mapa {
		margin-left: 20px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.footerRight {
		width: 100vw;
		height: 10%;
		float: none;
		text-align: center;
	}

	.contacto {
		float: none;
		margin-right: 0px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.tlf {
		float: none;
		margin-right: 5px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
		pointer-events: auto;
	}

}



/*////////////// MOBILE X//////////////*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 

	* {
		margin: 0;
	}

	body {
		width: 100vw;
		height: 100vh;
		background-color: #C3CBBE;
		font-family: "HKGroteskLight";
		position: fixed;
	}

	a {
		color: black;
		text-decoration: none;
	}

	p {
		font-size: 0.9em;
	}

	.content {
		width: 100vw;
		height: 100vh;
		position: fixed;
	}

	.farmaHeader {
		width: 100vw;
		height: 10%;
		position: absolute;
		z-index: 10;
	}

	.headerLeft {
		width: 50%;
		height: 10%;
		float: left;
		margin-top: 55px;
		position: relative;
	}

	#farmacia-logo-01 {
		width: 50px;
		height: 50px;
		margin-left: 15px;
		float: left;
	}

	.headerRight {
		width: 50%;
		height: 10%;
		float: right;
		margin-top: 70px;
		position: relative;
	}

	#farmacia-logo-02 {
		width: 175px;
		height: 11.5px;
		margin-right: 15px;
		float: right;
	}

	.farmaSlider {
		width: 100vw;
		height: 100vh;
		position: relative;
	}

	.contentSlide1,.contentSlide2,.contentSlide3,.contentSlide4,.contentSlide5 {
		position: fixed;
		width: 100vw;
		height: 100vh;
	}

	.contentSlide1 {
		background-image: url(../img/farmacia-sala-slider-mobile-01.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade 20s infinite;
		-webkit-animation: fade 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide2 {
		background-image: url(../img/farmacia-sala-slider-mobile-02.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade2 20s infinite;
		-webkit-animation: fade2 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide3 {
		background-image: url(../img/farmacia-sala-slider-mobile-03.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade3 20s infinite;
		-webkit-animation: fade3 20s infinite;
		animation-duration: 20s;
	}

	.contentSlide4 {
		background-image: url(../img/farmacia-sala-slider-mobile-04.png);
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		animation: fade4 20s infinite;
		-webkit-animation: fade4 20s infinite;
		animation-duration: 20s;
	}

@keyframes fade {
		0% {opacity: 1;}
		8.33% {opacity: 1;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade2 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 1;}
		33.32% {opacity: 1;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade3 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 1;}
		58.31% {opacity: 1;}
		66.64% {opacity: 0;}
		74.97% {opacity: 0;}
		83.3% {opacity: 0;}
		100% {opacity: 0;}
	}

	@keyframes fade4 {
		0% {opacity: 0;}
		8.33% {opacity: 0;}
		16.66% {opacity: 0;}
		24.99% {opacity: 0;}
		33.32% {opacity: 0;}
		41.65% {opacity: 0;}
		49.98% {opacity: 0;}
		58.31% {opacity: 0;}
		66.64% {opacity: 0;}
		74.97% {opacity: 1;}
		83.3% {opacity: 1;}
		100% {opacity: 0;}
	}

	.farmaFooter {
		width: 100%;
		height: auto;
		float: right;
		bottom: 15%;
		position: absolute;
	}

	.footerLeft {
		width: 100%;
		height: 10%;
		float: none;
		margin-bottom: 15px;
		text-align: center;
	}

	.direccion {
		margin-left: 45px;
		display: none;
	}

	.mapa {
		margin-left: 0px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.footerRight {
		width: 100vw;
		height: 10%;
		float: none;
		text-align: center;
	}

	.contacto {
		float: none;
		margin-right: 0px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
	}

	.tlf {
		float: none;
		margin-right: 5px;
		border-bottom: solid 0.5px;
		display: inline;
		padding-bottom: 1px;
		pointer-events: auto;
	}

}

}