.center{
	text-align:center;
}

.center a{
text-decoration:none;
color:#000;
margin-left:20px;
font-size:20px;
padding:12px;
}


.center a:active{
color:#fff;
border-radius:6px;
text-align:center;
align-items:center;
background:#000;
}


@media (max-width:9000px){
.center a{
text-decoration:none;
margin-left:2px;
font-size:38px;
padding:19px;
}

}



@media (max-width:2000px){
	.center{
		margin-top:-20px;
}
.center a{
text-decoration:none;
margin-left:2px;
font-size:32px;
padding:14px;
}
}


@media (max-width:1000px){
.center a{
text-decoration:none;
margin-left:2px;
font-size:26px;
padding:12px;
}
}


@media (max-width:620px){
.center a{
text-decoration:none;
margin-left:0px;
font-size:24px;
padding:12px;
}
}

@media (max-width:550px){
.center a{
/*font-weight:bold;*/

text-decoration:none;
font-size:22px;
padding:10px;
}

}



@media (max-width:500px){
.center a{
font-weight:bold;
text-decoration:none;
margin-left:2px;
font-size:20px;
padding:10px;
}
}


@media (max-width:460px){
.center a{
text-decoration:none;
margin-left:2px;
font-size:18px;
padding:10px;
}
}


@media (max-width:420px){
.center a{
text-decoration:none;
margin-left:2px;
font-size:16px;
padding:10px;
}
}




@media (max-width:386px){
	.center{
		margin-top:-36px;
}

.center a{
text-decoration:none;
margin-left:0px;
font-size:14px;
padding:10px;
}
}


@media (max-width:350px){
	.center{
		margin-top:-56px;
}
.center a{
text-decoration:none;
margin-left:2px;
font-size:12px;
padding:10px;
}
}


@media (max-width:320px){
.center a{
text-decoration:none;
font-size:10px;
padding:6px;
}
}



@media (max-width:250px){
.center a{
text-decoration:none;
font-size:8px;
padding:6px;
}
}

@media (max-width:210px){
.center a{
text-decoration:none;
font-size:6px;
padding:6px;
}
}


@media (max-width:170px){
	.center{
display:grid;
	}


.center a{
text-decoration:none;
font-size:4px;
padding:6px;
}
}