﻿.sign-section {
	padding: 0.5em 0 0.5em 0;
}

@-moz-keyframes sign-sway {
  0% {
    -moz-transform: translateX(-15%) rotate(3deg);
    transform: translateX(-15%) rotate(3deg);
  }
  50% {
    -moz-transform: translateX(15%) rotate(-3deg);
    transform: translateX(15%) rotate(-3deg);
  }
  100% {
    -moz-transform: translateX(-15%) rotate(3deg);
    transform: translateX(-15%) rotate(3deg);
  }
}
@-webkit-keyframes sign-sway {
  0% {
    -webkit-transform: translateX(-15%) rotate(3deg);
    transform: translateX(-15%) rotate(3deg);
  }
  50% {
    -webkit-transform: translateX(15%) rotate(-3deg);
    transform: translateX(15%) rotate(-3deg);
  }
  100% {
    -webkit-transform: translateX(-15%) rotate(3deg);
    transform: translateX(-15%) rotate(3deg);
  }
}
@keyframes sign-sway {
  0% {
    -moz-transform: translateX(-15%) rotate(3deg);
    -ms-transform: translateX(-15%) rotate(3deg);
    -webkit-transform: translateX(-15%) rotate(3deg);
    transform: translateX(-15%) rotate(3deg);
  }
  50% {
    -moz-transform: translateX(15%) rotate(-3deg);
    -ms-transform: translateX(15%) rotate(-3deg);
    -webkit-transform: translateX(15%) rotate(-3deg);
    transform: translateX(15%) rotate(-3deg);
  }
  100% {
    -moz-transform: translateX(-15%) rotate(3deg);
    -ms-transform: translateX(-15%) rotate(3deg);
    -webkit-transform: translateX(-15%) rotate(3deg);
    transform: translateX(-15%) rotate(3deg);
  }
}
.sign {
	padding: 0.5em;
	border: 2px solid #524B36;
	border-radius: 6px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 25px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 25px;
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 25px;
	animation: sign-sway 9s infinite;
	-moz-animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	width: 240px;
	background: #E6E7DA;
	margin: 1em auto 1em auto;
	position: relative;
	font-size: 1.25em;
	text-align: center;
}
.sign:before, .sign:after {
  content: "";
  display: block;
  height: 10em;
  bottom: 90%;
  width: 2px;
  background: red;
  position: absolute;
}
.sign:before {
  left: 10%;
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.sign:after {
  right: 10%;
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
