@media (min-width: 769px){
	.mobile{
		display: none;
	}

	.desktop{
		display: block;
	}

	.desktop-flex{
		display: flex;
	}
	.logo{
		margin:  0 10px 0 0;
    	max-width: 300px;
	}

	.main_content{
		display: flex;
		width: 100vw;
	}

	.menu_desktop{
		font-family: 'Regular';
		padding-top: 23px;
		padding-right: 23px;
	}

	.desktop_menu_button{
		color: grey;
	    background-color: white;
	    border-radius: 49px;
	    box-shadow: 0px 3px 6px 2px #0000000d;
	    padding: 3px 13px;
	    margin: 0 7px;
	    font-size: 0.7rem;

	    background: rgb(255,255,255);
		background: -moz-linear-gradient(121deg, rgba(255,255,255,0) 50%, #0061ad 50%);
		background: -webkit-linear-gradient(121deg, rgba(255,255,255,0) 50%, #0061ad 50%);
		background: linear-gradient(121deg, rgba(255,255,255,0) 50%, #0061ad 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#0061ad",GradientType=1);

		background-size: 227% 100%;
		background-position-x: 0%;

    	transition: all 0.5s

	}

	.desktop_menu_button:hover{
		background-position-x: 100%;
		color: white;
	}

	.active{
		color: white;
		background-position-x: 100%;
		color: white; 
	}

	.desktop_menu_logout{
		color: red;
		padding: 3px 13px;
	    margin: 0 7px;
	    font-size: 0.7rem;
	    text-shadow: 0 0 0 #00000000;
	    transition: all 0.5s;
	}

	.desktop_menu_logout:hover{
		text-shadow: 0px 5px 1px #00000030;
	}
	.foto{
		background-image: url(../1x/foto.png);
		width: 50%;
    	height: 80vh;
    	background-size: auto 102%;
    	background-repeat: no-repeat;
    	background-position: center;
    	padding-top: 0;
    	margin: 0;
	}
	.left_container{
		width: 40%;
	}
	.login{
		width: 100%;
    	margin: auto;
	}
	.texto_promo{
		width: 95%;
		margin-bottom: 15px;
	}
	.terminos{
		font-size: 0.5rem;
	}

	.p1{
		width: 23.5%;
    	margin: 0 auto;
	}
	.p2{
		width: 33.3%;
    	margin: 0 auto;
	}
	.p3{
    	width: 32%;
    	margin: 0 auto;
	}

	.aling640{
		margin: auto;
		max-width: 640px;
	}

	.como-participar{
		margin-top: 4vh !important;
	}
	.player-card{
	    margin-bottom: -70px;
    	z-index: 2;
	}
	.play_button{
		    margin-top: 30px;
	}




}