@media (max-width: 750px) {
		.mob-none{ display:none;}
	}

	@media (min-width: 751px) {
		.desk-none{ display:none;}
	}

	html {
		overflow-x: hidden;
	}


	body{
		background: #1b1b1b;
		color: white;
	}

	h1{
		text-align: center;
		display:block;
	}


	#cabecalho-arquivo {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}

	#cabecalho-arquivo #logo-arquivo img {
		width: 180px;
		margin: 0 auto;
	}

	#logo {
		width: 80%;
		margin: 0 auto;
	}

	#logo img {
		max-width: 100%;
	}

	.jogo-hoje {
		background-color: #1e2732;
		border-radius: 5px;
		margin: 20px auto;
		padding: 15px;
		width: 98%;
		max-width: 450px;
	}
	.modal{
		color: black;
	}

	.audio-player{
		clear: both;
		margin: 15px;
		display: block;
	}

	.audio-player audio{
		width:100%;
	}
	.instrucoes:hover > .info, .info:hover{
		display: block;
	}

	video, source{
		height: 60px;
		width: 80%;
		margin: 0 auto;
	}

	.controls {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
	}

	form#validacao {
		margin: 20px auto 0px;
		display: block;
	}

	#love {
		background: transparent;
		width: 315px;
		color: white;
		font-weight: 600;
		border: solid 2px white;
		border-radius: 1000px;
		line-height: 31px;
		font-size: 16px;
		padding: 3px 0 0px 10px;
	}

	


	div#res {
		max-height: 200px;
		max-width: 429px;
		width: 100%;
		overflow: overlay;
		background: #10171f;
		border-radius: 5px;
		position: relative;
	}

	.musica-resultado {
		font-size: 15px;
		margin: 10px 0;
		line-height: 25px;
	}

	.opcao:hover {
		background: #e0e0e0;
	}
	.opcao {
		padding: 5px;
		margin: 5px 5px;
		background: white;
		color: black;
		border-radius: 5px;
		cursor: pointer;
	}
	#header-tentativas{
		display:none;
		margin-bottom: 8px;
	}

	div#redes {
		display: flex;
		gap: 25px;
	}

	.rede {
		background: #efefef;
		border-radius: 5px;
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.rede a {
	    padding: 10px 15px;
	}
	.rede a, .rede i {
		color: #11ab5f;
		font-size: 20px;
	}

	#mudardata{
		display: flex;
	}



	@media (min-width: 461px) {

	/*#tentativas-validadas div {
		width: 100%;
		margin-top: 10px;
		display: flex;
		flex-direction: row;
		gap: 15px;
		justify-content: space-evenly;
		align-items: center;
		border-radius: 5px;
		font-size: 0.95em;
        text-align: center;
        line-height: initial;
	}*/


	.tentativa-validada {
		display: flex;
		gap: 15px;
		margin-bottom: 15px;
	}


	.tentativa-validada div {
		height: auto;
		width: 25%;
		display: flex;
		flex-direction: row;
		gap: 15px;
		min-height: 55px;
		border-radius: 5px;
		font-size: 14px;
        line-height: 18px;
		text-align: center;
		justify-content: center;
		flex-wrap: nowrap;
		align-items: center;
	}




	input.tentar, #add {
		background: #0c131a;
		border-radius: 100px;
		font-size: 20px;
		color: white;
		padding: 2px 30px;
		border: solid 2px white;
		cursor: pointer;
		margin-left: -37px;
	}

	}


	@media (max-width: 460px) {
    
	/*#tentativas-validadas div {
		font-size: 0.9em;
		text-align: center;
		width: 100%;
		margin-top: 10px;
		display: flex;
		flex-direction: row;
		gap: 7px;
		justify-content: space-evenly;
		align-items: center;
		border-radius: 5px;
	}*/

	.tentativa-validada {
		display: flex;
		gap: 8px;
		margin-bottom: 8px;
	}


	.tentativa-validada div {
		height: auto;
		width: 25%;
		display: flex;
		flex-direction: row;
		gap: 15px;
		min-height: 50px;
		border-radius: 5px;
		font-size: 0.75em;
		text-align: center;
		justify-content: center;
		flex-wrap: nowrap;
		align-items: center;
	}


	input.tentar, #add {
		background: #0c131a;
		border-radius: 100px;
		font-size: 20px;
		color: white;
		padding: 2px 30px;
		border: solid 2px white;
		cursor: pointer;
		float: right;
		margin-top: -38px;
		margin-left: -37px;
		position: relative;
		z-index: 2;
	}

	.desistir button {
		font-size: 0.85em !important;
	}

	}

	#resultado div {
		width: 100%;
		margin-top: 10px;
		display: flex;
		flex-direction: row;
		gap: 15px;
		justify-content: space-evenly;
		/* height: 50px; */
		align-items: center;
		border-radius: 5px;
	}

	div#result {
		background: #f1f3f4;
		width: 100%;
		margin: 0 auto;
		border-radius: 15px;
		padding: 20px;
    		overflow: hidden;
	}

	#result p{
		color:black;
		margin: 0;
		padding: 0;
		text-align:center;
	}

	.rotulos{
		width: 100%;
		display: flex;
		flex-direction: row;
		gap: 15px;
		flex-wrap: nowrap;
		justify-content: space-around;
	}

	.rotulos div {
		height: 15px !important;
		line-height: 15px !important;
		font-size: 13px;
		width: 30%;
		text-align: center;
	}

	.errado {
		background: red !important;
		height: 50px;
	}

	.quase {
		background: #dea400 !important;
		height: 50px;
	}

	.certo{
		background: #32a118 !important;
		height: 50px;
	}

	.compartilhe {
		display: flex;
		gap: 15px;
		font-size: 16px;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.desistir {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
		margin-bottom: 15px;
	}

	.vidas{ text-align: center; }

	.endgame{display:none !important;}

	#player{
		display: flex;
    	flex-direction: column;
    	align-items: center;
		text-align: center;
		color: #272727;
	}

	#player audio {
		padding: 15px;
	}

	#compartilhamento-resultado{
		margin-top: 15px;

	}

	.aleatorio-arquivo, .jogos-arquivo {
		margin-bottom: 10px;
		display: block;
	}

	span.cor-arquivo {
		display: inline-flex;
		width: 15px;
		height: 15px;
		border-radius: 5px;
		/* background: red; */
		margin-right: 5px;
	}

	#anuncios{

		position: absolute;
		right: 0;
		top: 5px;
		background: white;
		padding: 5px;
		border: solid 1px red;
	}

	#anuncios:before{

		content: 'Anúncio';
		position: absolute;
		color: red;
		top: 0px;
		font-size: 12px;
		background: white;

	}

	#anuncios-direita{

		position: absolute;
		left: 0;
		top: 5px;
		background: white;
		padding: 5px;
		border: solid 1px red;
	}

	#anuncios-direita:before{

		content: 'Anúncio';
		position: absolute;
		color: red;
		top: 0px;
		font-size: 12px;
		background: white;

	}

	#anuncios-horizontal{

		/*position: absolute;
		left: 0;*/
		top: 5px;
		background: white;
		padding: 5px;
		border: solid 1px red;
	}

	#anuncios-horizontal:before{

		content: 'Anúncio';
		position: absolute;
		color: red;
		font-size: 12px;
		background: white;

	}