/* Buttons */
.button {
	display: inline-block;
	width: 100%;
	height: 72px;
	text-align: center;
	text-decoration: none;
	line-height: ;
	outline: none;

	background: -moz-linear-gradient(top,#fff 0%,#d1d5d8);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d5d8));

	color: #2f64b3;
    font-size:16px;
    font-weight:bold;
    border-radius:36px;
    position:relative;
    padding:13px 0 0 ;
    box-shadow: 0 5px 5px rgba(89, 89, 89, 0.2);
-moz-box-shadow: 0 5px 5px rgba(89, 89, 89, 0.2);
-webkit-box-shadow: 0 5px 5px rgba(89, 89, 89, 0.2);
}

.button:hover {
	background: -moz-linear-gradient(top,#fff96c 0%,#e1db4e);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff96c), to(#e1db4e));
    color: #2f64b3;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}




@media only screen and (max-width: 480px){
.brxs:before {
	content: "\A" ;
	white-space: pre ;
}


}

@media(min-width:768px) {
.button {
	width: 720px;
	height: 72px;
	line-height: 72px;
    font-size:22px;
    border-radius:36px;
    padding:0px 0 0 ;

}

.brmd:before {
	content: "\A" ;
	white-space: pre ;
}
}

@media(min-width:1200px) {
.brlg:before {
	content: "\A" ;
	white-space: pre ;
}
}