@media screen and (max-width:320px) { 
	.lateral {
		width: 100%;
		left: -100%;
		border-right: none;
		transition: all 0.5s ease;
	}

	.lateral-visible {
		left: 0 !important;
		transition: all 0.5s ease;
	}

	.letras {
		margin: 0.6rem 0.6rem;
	}

	.contenedor {
		width: 100%;
		margin: 80px 0 0 0;
		padding: 2rem 10%;
	}

	.buscador {
		width: 100%;
	}

	.cajaBuscador {
	    padding: 1rem;
	}

	.textBuscador {
	    width: calc(100% - 80px);
	}

	#contenidoSignificado img {
		width: 100%;
	}

	.w-30 {
		width: 100% !important;
	}
}

@media screen and (min-width:321px) and (max-width:480px) { 
	.lateral {
		width: 100%;
		left: -100%;
		border-right: none;
		transition: all 0.5s ease;
	}

	.lateral-visible {
		left: 0 !important;
		transition: all 0.5s ease;
	}

	.letras {
		margin: 0.6rem 0.6rem;
	}

	.contenedor {
		width: 100%;
		margin: 80px 0 0 0;
		padding: 2rem 10%;
	}

	.buscador {
		width: 100%;
	}

	.cajaBuscador {
	    padding: 1rem;
	}

	.textBuscador {
	    width: calc(100% - 80px);
	}

	#contenidoSignificado img {
		width: 100%;
	}

	.w-30 {
		width: 100% !important;
	}
}

@media screen and (min-width:481px) and (max-width:640px) {
	.lateral {
		width: 100%;
		left: -100%;
		border-right: none;
		transition: all 0.5s ease;
	}

	.lateral-visible {
		left: 0 !important;
		transition: all 0.5s ease;
	}

	.letras {
		margin: 0.6rem 0.6rem;
	}

	.contenedor {
		width: 100%;
		margin: 80px 0 0 0;
		padding: 2rem 10%;
	}

	.buscador {
		width: 100%;
	}

	.cajaBuscador {
	    padding: 1rem;
	}

	.textBuscador {
	    width: calc(100% - 80px);
	}

	#contenidoSignificado img {
		width: 100%;
	}

	.w-30 {
		width: 100% !important;
	}
}

@media screen and (min-width: 641px) and (max-width: 768px) {
	.lateral {
		width: 100%;
		left: -100%;
		border-right: none;
		transition: all 0.5s ease;
	}

	.lateral-visible {
		left: 0 !important;
		transition: all 0.5s ease;
	}

	.letras {
		margin: 0.6rem 0.6rem;
	}

	.contenedor {
		width: 100%;
		margin: 80px 0 0 0;
		padding: 2rem 10%;
	}

	.buscador {
		width: 100%;
	}

	.cajaBuscador {
	    padding: 1rem;
	}

	.textBuscador {
	    width: calc(100% - 80px);
	}

	#contenidoSignificado img {
		width: 100%;
	}

	.w-30 {
		width: 100% !important;
	}
}