body,
html {
	height: 100%;
	font-family: 'Roboto', sans-serif;
	/* font-family: 'Open Sans', sans-serif; */
}

h4 {
	font-size: 1em;
	margin-top: 1rem;
	font-weight: bold;
	color: #4da92c;
}

h5 {
	font-size: 1em;
	padding: .5rem;
	font-weight: bold;
}
.btn {
	background-color: white;
	color: #4da92c;
	border-color: #4da92c;
	font-weight: bold;
	width: 40%;
}

.btn:hover {
	background-color: #4da92c;
	color: white;
	width: 40%;
}

.card {
	margin-bottom: 15px;
}

@media (max-width: 415px) {
	.navbar-toggler .navbar-toggler-icon {
		width: .4em;
		padding-left: 0em;
		padding-top: .3em;
	}

	.navbar .navbar-brand img {
		/* font-size: 1.3em !important; */
		width: 7em !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.navbar img {
		/* padding-left: .05em !important; */
		/* padding-top: .05em; */
		width: 2em !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.navbar .whatsapp img {
		width: 4.5em !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	#header {
		padding-top: 5% !important;
	}
	#header h1 {
		font-size: 1.5rem !important;
		padding-top: 4rem !important;
	}
	#header h2 {
		font-size: 1rem;
		padding-top: 1rem !important;
	}

	/* ---- */
	#header-beneficios {
		padding-top: 5% !important;
	}
	#header-beneficios h1 {
		font-size: 1.5rem !important;
		padding-top: 4rem !important;
	}
	#header-beneficios h2 {
		font-size: 1rem;
		padding-top: 1rem !important;
	}
	#header-repuestos {
		padding-top: 5% !important;
	}
	#header-repuestos h1 {
		font-size: 1.5rem !important;
		padding-top: 4rem !important;
	}
	#header-repuestos h2 {
		font-size: 1rem;
		padding-top: 1rem !important;
	}
	#header-guias {
		padding-top: 5% !important;
	}
	#header-guias h1 {
		font-size: 1.5rem !important;
		padding-top: 4rem !important;
	}
	#header-guias h2 {
		font-size: 1rem;
		padding-top: 1rem !important;
	}
	#header-distribuidor {
		padding-top: 5% !important;
	}
	#header-distribuidor h1 {
		font-size: 1.5rem !important;
		padding-top: 4rem !important;
	}
	#header-distribuidor h2 {
		font-size: 1rem;
		padding-top: 1rem !important;
	}
	#header-tienda {
		padding-top: 5% !important;
	}
	#header-tienda h1 {
		font-size: 1.5rem !important;
		padding-top: 4rem !important;
	}
	#header-tienda h2 {
		font-size: 1rem;
		padding-top: 1rem !important;
	}
	#header-diferencias h1 {
		font-size: 1.5rem !important;
		padding-top: 4rem !important;
	}
	#header-diferencias h2 {
		font-size: 1rem;
		padding-top: 1rem !important;
	}

	/* ----- */
	#logos .logooficial img {
		width: 8em !important;
		height: auto;
	}
	#logos .logoasesor img {
		width: 4em !important;
		height: auto;
	}
	#servicios img {
		width: 50% !important;
		height: auto;
		padding-top: .5em;
	}
	#nota {
		padding: 0 3em;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
	#header {
		height: 60% !important;
		margin-top: 4.5rem !important;
	}
	#header-distribuidor {
		height: 60% !important;
		margin-top: 4.5rem !important;
	}
	#header-guias {
		height: 60% !important;
		margin-top: 4.5rem !important;
	}
	#header-repuestos {
		height: 60% !important;
		margin-top: 4.5rem !important;
	}
	#header-tienda {
		height: 60% !important;
		margin-top: 4.5rem !important;
	}
	#header-beneficios {
		height: 60% !important;
		margin-top: 4.5rem !important;
	}

	#header h1 {
		font-size: 1.4rem !important;
	}

	#header-distribuidor h1 {
		font-size: 1.4rem !important;
	}
	#header-repuestos h1 {
		font-size: 1.4rem !important;
	}
	#header-tienda h1 {
		font-size: 1.4rem !important;
	}
	#header-guias h1 {
		font-size: 1.4rem !important;
	}
	#header-beneficios h1 {
		font-size: 1.4rem !important;
	}
	#header-diferencias h1 {
		font-size: 1.4rem !important;
	}
	#header h2 {
		font-size: 1rem !important;
		padding-bottom: 3rem !important;
	}
	#header-distribuidor h2 {
		font-size: 1rem !important;
		padding-bottom: 3rem !important;
	}
	#header-repuestos h2 {
		font-size: 1rem !important;
		padding-bottom: 3rem !important;
	}
	#header-tienda h2 {
		font-size: 1rem !important;
		padding-bottom: 3rem !important;
	}
	#header-guias h2 {
		font-size: 1rem !important;
		padding-bottom: 3rem !important;
	}
	#header-beneficios h2 {
		font-size: 1rem !important;
		padding-bottom: 3rem !important;
	}
	#header-diferencias h2 {
		font-size: 1rem !important;
		padding-bottom: 3rem !important;
	}
}

@media (min-device-width: 416px) and (max-width: 768px) {
	.navbar-toggler .navbar-toggler-icon {
		width: .4em;
		padding-left: 0em;
		padding-top: .3em;
	}

	.navbar a .navbar-brand {
		font-size: 1.3em !important;
		width: 9.5em !important;
		font-family: 'Baloo', cursive !important;
	}
	.navbar img {
		/* padding-left: .05em !important; */
		/* padding-top: .05em; */
		width: 4em !important;
	}

	.navbar .whatsapp img {
		width: 4.5em !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	#header {
		text-align: center;
		padding-top: .2em;
	}
	#header h1 {
		font-size: 2em;
	}
	#header h2 {
		font-size: 1.5em;
		padding-top: 1rem !important;
	}

	#footer {
		text-align: center;
	}
}

.navbar {
	background-image: linear-gradient(to right top, #6ae9ff, #06416e);
	/* border-bottom: 1px solid #004d7a; */
	font-family: 'Roboto', sans-serif;
	padding: .5em .5em;
}

.navbar .navbar-brand {
	font-size: 1.3em !important;
	width: 9.5em !important;
	font-family: 'Baloo' !important;
	padding-left: .5em;
	padding-bottom: .5em;
	color: white;
}

.navbar .navbar-nav .nav-link {
	color: white;
	font-size: .99em;
	padding-right: 2.5em;
}

.navbar .navbar-nav .nav-link:hover {
	color: white;
	font-weight: bold;
}

.navbar-toggler-icon {
	color: black;
}
.navbar img {
	padding-top: .1em;
	padding-right: 1em;
	/* padding-top: .05em; */
	width: 6em;
}

/* Header */
#header {
	background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
		url('https://images.unsplash.com/photo-1505236732171-72a5b19c4981?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80')
			center center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}

h1 {
	font-size: 2.5em;
	padding-top: 5rem;
	color: white;
	font-family: 'Baloo', cursive !important;
}

h2 {
	padding-top: 1rem;
	font-size: 1.1em;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#header-beneficios {
	background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),
		url('https://images.unsplash.com/photo-1527634311077-9943f7df34e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2855&q=80')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}
#header-ahorro {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)),
		url('https://images.pexels.com/photos/580871/pexels-photo-580871.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}
#header-repuestos {
	background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)),
		url('https://images.unsplash.com/photo-1466201071558-2242fb1d130d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}
#header-guias {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)),
		url('https://images.unsplash.com/photo-1500673587002-1d2548cfba1b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}
#header-distribuidor {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)),
		url('https://images.pexels.com/photos/62307/air-bubbles-diving-underwater-blow-62307.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}
#header-tienda {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)),
		url('https://images.pexels.com/photos/50677/rain-after-the-rain-a-drop-of-drop-of-rain-50677.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}

#header-contacto {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)),
		url('https://images.pexels.com/photos/63340/pexels-photo-63340.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}
#header-diferencias {
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)),
		url('https://images.pexels.com/photos/2170473/pexels-photo-2170473.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260')
			center no-repeat;
	background-size: cover;
	height: 50%;
	color: white;
	display: flex;
	align-items: center;
}

/* Logos */

#logos {
	padding: .5rem 0;
	background-color: #f6f6f6;
}

#logos .logooficial img {
	width: 8em;
	height: auto;
}
#logos .logoasesor img {
	width: 4em;
	height: auto;
	padding-bottom: 1em;
}

/* #servicios h3 .submenu {
	font-size: 20em !important;
} */
/* Servicios */
#servicios {
	padding: 4rem 0;
}

#servicios .card-title {
	font-size: 1.1em;
	font-weight: bold;
	color: #4da92c;
}

#servicios img {
	width: 100%;
	height: auto;
}
/* Caracteristicas */
#caracteristicas {
	padding-top: 4rem;
}

#caracteristicas .card-header {
	font-size: 1.1em;
	font-weight: bold;
	color: black;
}
/* agua alcalina */
#aguaalcalina {
	padding-top: 4rem;
}

#aguaalcalina .card-header {
	font-size: 1.1em;
	font-weight: bold;
	color: black;
}

/* Fichas */
#fichas {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
#fichas h3 {
	font-size: 1.5em;
	text-align: center !important;
}
#fichas hr {
	width: 100%;
	padding-bottom: 1rem;
}

#fichas iframe {
	width: 100%;
	height: 20em;
}
#fichas img {
	width: 80%;
	height: auto;
	text-align: center;
}

#fichas ol {
	text-align: left;
}

/* pasos */
#pasos {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#pasos img {
	padding-bottom: .5rem;
	width: 100%;
	height: auto;
}

/* Contact */

#contacto {
	padding-top: 6.5rem;
	background-color: white;
}

/* Footer */
#footer {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #f6f6f6;
	color: black;
	/* border-top: 1px solid black; */
	margin-top: 6rem;
}

#footer a {
	color: black;
}
/* #footer a .aviso {
	font-weight: bold !important;
} */
#footer p {
	font-size: 1rem;
}

#footer .logooficial1 img {
	width: 12em;
	height: auto;
	padding-top: .5em;
}
#footer .logoasesor1 img {
	width: 5em;
	height: auto;
}

#footer .instagram img {
	width: 3em;
	height: auto;
	padding-right: 1.5em;
}
#footer .amz {
	width: 7em !important;
	height: auto;
	/* padding-right: 1em; */
}
#footer .nikken {
	width: 7em !important;
	height: auto;
	/* padding-right: 1em; */
}

#footer .credit h4 {
	padding-top: 2em;
	color: black;
	/* padding-right: 1em; */
}
#footer .credit a {
	padding-top: 2em;
	color: #06416e;
	text-decoration: underline;
	/* padding-right: 1em; */
}

#aviso {
	padding-top: 7rem;
	padding-bottom: 5rem;
}

#nota {
	padding-bottom: 2em;
}

#tienda img {
	width: 40em;
	height: auto;
}

.tienda {
	padding: 0 1.5em;
}

.accion a {
	color: white !important;
}