/* Button
--------------------------------------*/

.btn-box{
 	width: 100%;
	border:0px #fff solid;
	text-align: right;
	margin-top: 1em;
}

@media screen and (min-width: 35em) {
	.btn-box {margin-top: -2.5em;}
 }

a.btn{
    border-bottom: none;
	font-size: 28px;
	white-space:nowrap;
	width:6em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	font-family: Open Sans, Helvetica,Arial,sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	line-height:40px;
	display: inline-block;
	color: #fff;
	text-align: center;
	position:relative;
    transform: rotate(-8deg);
}

.btn.btn-orange{
	border-radius: 9px;
	background-color: #f59e00;
    animation: mymove 7s infinite;
}

/* Standard syntax */
@keyframes mymove {
    50% {background-color: #6699ff;}
}

.btn.btn-orange:hover{
	background-color:#6699ff;
}


/* Map Animation
--------------------------------------*/

.animation-box{
	width: 70%;
	height: 4em;
	border:1px #fff solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: -.5em;
	margin-bottom: -4em;
}