section.timeclock{
	padding:0 20px;
	margin-bottom: 40px;
	}

.tc_inner{
	display:block;
	max-width: 1024px;
	border:1px solid var(--gray4);
	border-radius:10px;
	padding:20px;
	text-align:center;
	}


.tc_left{
	margin:0 auto;
	max-width: 400px;
	}

.tc_center h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 4px;
	text-align: center;
	}
.tc_center p{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 12px;
	text-align: left;
	}



.tc_right p{
	text-align: center;
	font-size: 18px;
	margin-bottom: 8px;
	}
	
.tc_right a{
	display:inline-block;
	background-color: var(--brand);
	color:var(--white);
	width:140px;
	text-align: center;
	padding:9px 0 10px 0;
	border-radius:3px;
	}
.tc_right a:hover{
	background-color: var(--black);
	}
	
	
@media only screen and (min-width: 1024px){
.tc_inner{
	display:flex;
	margin:0 auto;
	max-width: 1020px;
	border:1px solid var(--gray4);
	border-radius:10px;
	padding:20px 40px 10px 20px;
	}
.tc_left{
	flex:0 0 340px;
	}



.tc_center{
	flex:1 1 auto;
	padding:30px 60px 20px 0;
	}
.tc_center h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 4px;
	text-align: left;
	}
.tc_center p{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 12px;
	text-align: left;
	}



.tc_right{
	flex:0 0 140px;
	padding-top: 64px;
	}

}