/* X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	.logo img, footer .logo img {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.intro-container h1 {
		font-size: 1.25em;
		text-align: center;
	}
	.intro-container p {
		font-size: .85em;
		text-align: center;
	}
	.rrss ul {
		justify-content: center;
	}
	.rrss-legal {
		text-align: center;
	}

	/* 	FOOTER  */
	.logo, footer .logo {
		width: 35%;
		margin: 0 auto;
	}
	.text-intro-container {
		text-align: center;
	}
	.listado-clientes ul{
		column-count: 2;
	}

	/* Menú */
	#navbarSupportedContent ul{
		display: flex;
		flex-direction: row;
	}
	#navbarSupportedContent li.nav-item span {
		display: none !important;
	}
	#navbarSupportedContent ul.navbar-nav {
		display: flex !important;
		flex-direction: row !important;
	}
	.listado-clientes ul {
		column-count: 2;
		margin-top: 3em;
	}
	.filtro-letra ul li {
		font-size: 14px;
		padding: 0 4px;
	}
	.menu-mobile {
		display: block;
		width: 100%;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
	.menu-mobile {
		display: block;
		width: 100%;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1450px) {
	.intro-container p {
		font-size: 1.8em;
		line-height: 1.5em;
	}
	.intro-container h1 {
		font-size: 2.9em;
		line-height: 1.5em;
	}
}