#encabezado .contenedor {
	margin-top: 3%;
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
}

.logo1 {
	width: 90%;

}

.qr {
	margin-top: 25%;
	padding: 0%;
	border-radius: 5px;
	width: 60%;
}

#cabecera {
	/*background-color: aqua;*/
	padding: 2%;
	text-align: left;
	width: 60%;
	margin: 0;
}

#logo {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 40%;
}

.a-logo {
	width: 50%;
}

.a-qr {
	width: 50%;
}
.a-qr2 {
	display: none;
	
}

.ley-qr {
	/*background-color: aqua;*/
	width: 70%;	
	height: 90%;
	padding: 2%;
}

.ley-qr h2 {
	font-size: 1.2em;
	color: #fff;
}
.cont-logos {
	background-color: blueviolet;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.titulo1 {
	font-family: 'Infinite';
	font-size: 4em;
	line-height: 0.7em;
	text-align: left;
}

#subtitulo {
    margin-top: 2%;
    font-family: 'PostScriptum Light', sans-serif;
	font-size: 2.5em;
	line-height: 1.4em;
	color: #fff;
	text-align: left;
}


#leyenda {
	font-family: 'bullpenHvIt', sans-serif;
	-webkit-text-stroke: 0.7px white;
	font-size: 2em;
	line-height: 1.4em;
	color: black;
	text-align: left;
}

.navbar-toggler-icon {
	font-size: 0.6em;
}

@media only screen and (max-width: 870px) and (min-width: 671px) {
	.titulo1 {
		font-size: 3em;
		line-height: 0.4em;
		margin-top: 0px;
		
	}
	
	#subtitulo {
		margin-top: 5px;
		font-size: 1.7em;
		line-height: 1.5em;
	}

	#leyenda {
		font-size: 1.5em;
		line-height: 1.4em;
		
	}

	
}

@media only screen and (max-width: 670px) and (min-width: 550px) {
	.titulo1 {
		font-size: 2.5em;
		line-height: 0.4em;
		margin-top: 0px;
		
	}
	
	#subtitulo {
		margin-top: 5px;
		font-size: 1.5em;
		line-height: 1.5em;
	}

	#leyenda {
		font-size: 1.5em;
		line-height: 1.4em;
		
	}
}


@media only screen and (max-width: 549px) and (min-width: 5px)  {
	.titulo1 {
		font-size: 2em;
		line-height: 0.01em;
		margin-top: 0px;
		
	}
	
	#subtitulo {
		margin-top: 0;
		font-size: 1.5em;
		line-height: 1.5em;
		
	}

	#leyenda {
		font-size: 1.3em;
		line-height: 1em;
		
	}

	.logo1 {
		width: 160%;
	
	}
	.a-qr2 {
		display: flex;
        flex-wrap: wrap;
		padding-top: 3%;
	}
	.qr {
		display: none;
		
	}
	.qr2 {
		width: 20%;
		height: 100%;
		padding-right: 3%;
		margin-left: 3%;
		
	}
}