.fejleszto {
	margin:20px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	width:300px;
	text-align:center;

	/*background: #252530;*/
	background: linear-gradient(0deg, #252530 0%, #303042 100%);
	border-radius: 6px;
	box-shadow: 0px 0px 20px rgb(0,0,0,20%);
}

.rangok {
    display: inline-block;
    margin-top: 10px;
}

.rang {
    background: rgb(230,230,255,20%);
    border-radius: 5px;
	box-shadow: 0px 0px 07px rgb(0,0,0,30%);
    display: inline-block;
    font-size:18px;
    padding:2px 5px 2px 5px;
}


/*------------------------------------*/

@media screen and (max-width: 1500px) {
    .grid {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .grid {
        grid-template-columns: 1fr 1fr;
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .grid {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .grid {
        grid-template-columns: 1fr;
        width: 100%;
    }
}