.buttonView {
  display:block;
  width:110px;
  height:45px;
  margin-left: 32px;
  margin-top:20px;
  border-style: solid;
  border-width: 2px;
  border-color:#FFFFFF;
  border-radius:3px;
}


.buttonView a{
  width:100%;
  height:100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  /* Get rid of blue highlight on button press Mobile */
}

.buttonView_tint{
  width:100%;
  height:100%;
	padding-top:3px;
	background-color:hsla(0,0%,100%,0.3);
	display:block;
  transition: background-color .3s ease;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
}
.buttonView_tint:hover{
 background-color:hsla(0,0%,100%,0.8);
}

.buttonView_tint h1{
  font-size:22px;
  font-weight:500;
	width:100%;
    margin-top: -5px;
	margin-left:inherit;
	text-align: center;
	line-height: 45px;
	line-width: 120px;
	text-decoration:none;
	text-shadow: none;
}
.buttonView_tint h1{
  font-size:22px;
  font-weight:500;
	width:100%;
    margin-top: -5px;
	margin-left:inherit;
	text-align: center;
	display: block;
	line-height: 45px;
	line-width: 120px;
	text-decoration:none;
	text-shadow: none;
	color:#FFFFFF;
  transition: color .3s ease;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;		
}

.buttonView_tint h1:hover{
	color:#777777;
}


/* TABLETS  ------------------- */




/* MOBILE  ------------------- */
@media screen and (min-width : 320px) and (max-width : 500px ){

	

.buttonView {
  width:105px;
  height:42px;
}

	
.buttonView_tint{
	padding-top:8px;
}
.buttonView_tint h1{
  margin-top: -12px;
  width:105px;
  height:42px;
		
}

}