@charset "UTF-8";
/* CSS Document */

body {
	text-align:center;
}

#Service-List {
	width:90%;
	min-height:90vh;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#Service-List ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

#Service-List ul li a:link, #Service-List ul li a:visited {
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding:0.5em 0.2em;
	background-color:#a3cd39;
	color:#2f4922;
	text-decoration:none;
	border-radius:0.5em;
	font-family:"SMB-Normal";
}

@media screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait){
	#Service-List ul li {
		display:inline-block;
		width:40%;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	
	#Service-List ul li a:link, #Service-List ul li a:visited {
		display:block;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		line-height:2em;
		padding:0.5em 0.2em;
		background-color:#a3cd39;
		color:#2f4922;
		text-decoration:none;
		border-radius:0.5em;
		font-family:"SMB-Normal";
	}
	
}

@media screen and (min-width:768px) and (orientation:landscape){
	#Service-List li {
		width:30%;
		height:30vh;
		margin:1.5% 1%;
		display:inline-block;
		border:1px solid #A4CD39;
		-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		border-radius:0.5em;
		overflow:hidden;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	#Service-List ul li a:link, #Service-List ul li a:visited {
		display:block;
		width:100%;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0;
		font-size:1.3em;
		padding:25vh 0 0 0;
		color:#2f4922;
		background:none;
		text-decoration:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		font-family:"SMB-Normal";
	}
	
	.link-bg {
		width:100%;
		display:block;
		background-color:#a3cd39;
		height:5vh;
		line-height:5vh;
		text-align:center;
	}
}