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

a.buttonlink:link, a.buttonlink:visited {
  background-color: #ECECEC;
  color: #3a3d3f;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a.buttonlink:hover, a.buttonlink:active {
  background-color: #f43131;
  color: #FFF;
}

.GridL {
		border-bottom: none;
		border-left: none; 
		border-right: none;
		padding: 15px; 
		padding-left: 23px;
		margin: 0px; 
		vertical-align: middle; 
		background-color: #fff; 
		width: 25%;
		border-top-style: dotted;
		border-top-color: #ECECEC;
		border-top-width: medium;
		height: 160px;
	
}

    
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
	.GridL {
		float: left;
		border-bottom: none; 
		border-right: none;
		padding: 15px 15px 0px 15px;
		margin: 0px; 
		vertical-align: middle; 
		background-color: #fff; 
		border-top: none; 
		border-left: none; 
		width: 90%; 
		min-width: 75px;
		border-top-style: dotted;
		border-top-color: #ECECEC;
		border-top-width: medium;
		height: auto;
		 }
    }
    




    

.GridR {

	padding: 15px; 
	margin: 0px; 
	vertical-align: middle; 
	background-color: #fff; 
	border: none; 
	width: 75%;
	border-top-style: dotted;
    border-top-color: #ECECEC;
    border-top-width: medium;
	height: 160px;
}



    
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
	 .GridR {
		float: left;
		padding: 15px; 
		margin: 0px; 
		vertical-align: middle; 
		background-color: #fff; 
		border: none; 
		width: 90%;
		height: auto;
		 }
    }