@media screen and (min-width: 960px) { body {font-size: 20px; line-height: 1.6em; } }
h1, h2, .gara {font-family: "EB Garamond", Times New Roman, serif; font-style: italic; font-weight: bold;  }
h1, .green {color: #0d6733; }

.bg-slide {box-shadow: inset 0 0 0 0 #be1522; }
.bg-slide:hover, .bg-slide:active, .bg-slide:focus {box-shadow: inset 400px 0 0 0  #be1522; }


.vibrate-2 {
	-webkit-animation: vibrate-2 1s steps(5, start) infinite alternate both;
	        animation: vibrate-2 1s steps(5, start) infinite alternate both;
}

@-webkit-keyframes vibrate-2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  60% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  60% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}