section{
		text-align: center;
	}
section div{
	width: 80%;
	margin: auto;
	text-align: justify;
}
section a{
	text-align: center;
	color: black;
	text-decoration:none;
	background: rgb(22, 116, 63);
	padding: 17px;
	font-weight: 700;
	font-size: 20px;
	display: inline-block;
    margin: 10px;
    width: 15em;
}
section div .white{
	background: white;
}
@media screen and (max-width: 1024px){
	section img{
		width: 100%;
	}
	section a{
	text-align: center;
	color: black;
	text-decoration:none;
	
	padding: 17px;
	font-weight: 700;
	font-size: 15px;
	display: inline-block;
    margin: 10px;
    width: 14em;
}
section .white{
	background: white;
}
}
@media screen and (max-width: 768px){
	section a{
		text-align: center;
		color: black;
		text-decoration:none;
		
		padding: 17px;
		font-weight: 700;
		font-size: 15px;
		display: inline-block;
	    margin: 5px;
	    width: 10em;
}
section .white{
	background: white;
}
}
@media screen and (max-width: 667px){
	section a{
		text-align: center;
		color: black;
		text-decoration:none;
	
		padding: 17px;
		font-weight: 700;
		font-size: 13px;
		display: inline-block;
	    margin: 3px;
	    width: 10em;
}
section .white{
	background: white;
}
}
@media screen and (max-width: 568px){
	section a{
		text-align: center;
		color: black;
		text-decoration:none;
	
		padding: 17px;
		font-weight: 500;
		font-size: 11px;
		display: inline-block;
	    margin: 2px;
	    width: 9em;
}
	section .white{
		display: none;
	}
}
@media screen and (max-width: 480px){
	section a{
		text-align: center;
		color: black;
		text-decoration:none;
	
		padding: 11px;
		font-weight: 500;
		font-size: 11px;
		display: inline-block;
	    margin: 2px;
	    width: 9em;
}
}
@media screen and (max-width: 414px){
	section div{
		width: 90%;
	}
	section a{
		text-align: center;
		color: black;
		text-decoration:none;
	
		padding: 11px;
		font-weight: 500;
		font-size: 15px;
		display: inline-block;
	    margin: 2px;
	    margin-left: 0;
	    width: 95%;
}
}