.red{
	background:#006400;
	color:white;
	width:60px;
	padding:14px;
	border-radius:6px;
	margin:auto;
	text-align:center;
}

a.redddu{
	text-decoration:none;
	color:white;
}




@media (max-width:9000px){
	.red{
	width:180px;
	padding:30px;
	border-radius:6px;
}
a.redddu{
	font-size:50px;
}


}


@media (max-width:5000px){
	.red{
	width:140px;
	padding:30px;
	border-radius:6px;
}
a.redddu{
	font-size:30px;
}
}



@media (max-width:1500px){
	.red{
	width:100px;
	padding:30px;
	border-radius:6px;
}
a.redddu{
	font-size:26px;
}

}



@media (max-width:1000px){
	.red{
	width:80px;
	padding:20px;
	border-radius:6px;
}
a.redddu{
	font-size:20px;
}

}


@media (max-width:700px){
	.red{
	width:70px;
	padding:18px;
	border-radius:6px;
}
a.redddu{
	font-size:18px;
}


}



@media(max-width:624px){
	.red{
	width:60px;
	padding:14px;
	border-radius:6px;
}
a.redddu{
	font-size:16px;
}

}





@media (max-width:300px){
	.red{
	width:60px;
	padding:10px;
	border-radius:6px;
}
a.redddu{
	font-size:14px;
}

}






@media (max-width:200px){
	.red{
	width:60px;
	padding:10px;
	border-radius:6px;
}
a.redddu{
	font-size:14px;
}

}


@media (max-width:200px){
	.red{
	width:54px;
	padding:10px;
	border-radius:6px;
}
a.redddu{
	font-size:14px;
}

}


@media (max-width:100px){
	.red{
	width:50px;
	padding:10px;
	border-radius:6px;
}
a.redddu{
	font-size:10px;
}

}



@media (max-width:80px){
	.red{
	width:46px;
	padding:6px;
	border-radius:6px;
}
a.redddu{
	font-size:6px;
}

}









@media (max-width:70px){
	.red{
	width:36px;
	padding:2px;
	border-radius:6px;
}
a.redddu{
	font-size:4px;
}

}