body {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif !important;
    font-weight: lighter; 

}

/*=====================================================
=            Media Queries for mooo          =
=====================================================*/
@media only screen and (max-width : 2200px) {

.message {
    top: 45vmin;
}	

.message  h2{
  font-size: 7vmin;
}

.mooo-background {
  width: 50%;
}

.dogmenu li {
  float: left;
}

}


@media only screen and (max-width : 900px) {

.message {
    top: 47vmin;
}	


.message  h2{
  font-size: 5.5vmin;
}

.mooo {
  left: 32%;
  top: 40%;
}

.mooo-background {
  width: 100%;
}

.dogmenu li {
  float: none;
}

.dogmenu a {
  display: none;
  font: bold 10px sans-serif;
  }

}

@media only screen and (max-width : 480px) {

.message {
    top: 65 vmin;
}	


.message  h1{
  margin-top: vmin;
  font-size: 20vmin;
}

.message  h2{
  font-size: 7vmin;
}

.mooo {
  left: 27%;
  top:40%;
}

.mooo-background {
  width: 100%;
}

.dogmenu li {
  float: none;
}

.dogmenu a {
  display: none;
  font: bold 10px sans-serif;
  }

}

.blue-bg {

	background-color: #338240;
	overflow:hidden;
	
}

.message {
    text-align: center;
    position: absolute;
    left: 50%;
		  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
    transform: translateX(-50%);
	width: 100%;
}

.message  h1{
  font-family: ultra;
  color: #F8DC93;
  margin-bottom: -7vmin;
}

.message  h2{
  color: #FFF;
  font-weight: 500;
  margin-bottom: 5vmin;
  margin-top: 9vmin;

}

.message  p {
  font-size: 3vmin;
  color: #B3D6EC;
}

/* COW */
 
.cow { 
    left: 50%;
    top: -38vmin;
    position: absolute;
	  -webkit-transform: scale(.9) translateX(-50%);
  -moz-transform: scale(.9) translateX(-50%);
  -o-transform: scale(.9) translateX(-50%);
  -ms-transform: scale(.9) translateX(-50%);
  transform: scale(.9) translateX(-50%);
    transform: scale(.9) translateX(-50%);
    z-index: 5;
	width: 50vmin;
}

.cow-head { 
  position: absolute;
  height: 15vmin;
  width: 12vmin;
  background-color: #DED7C5;
  border-radius: 15%;
}

.cow-head-pattern { 
  position: absolute;
  height: 10vmin;
  width: 5vmin;
  background-color: #506E79;
  bottom: 0;
  border-radius: 0% 50% 0% 20%;
}

.cow-head-pattern:after { 
  content: "";
  position: absolute;
  height: 10vmin;
  width: 5vmin;
  background-color: #506E79;
  bottom: 0;
  left: 7vmin;
  border-radius: 50% 0% 20% 0%;
}

.cow-head-pattern  div{ 
  position: absolute;
  height: 2vmin;
  width: 2vmin;
  background-color: #000;
  top: 1vmin;
  left: .4vmin;
  border-radius: 50%;
  box-shadow: 9.2vmin 0vmin 0 0 #000;
  z-index: 1;
}

.cow-head-pattern  div div{ 
  position: absolute;
  height: .5vmin;
  width: .5vmin;
  background-color: #FFF;
  top: .2vmin;
  left: .4vmin;
  border-radius: 50%;
  box-shadow: 9.2vmin 0vmin 0 0 #FFF;
  z-index: 1;
    -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.cow-nose { 
  position: absolute;
  height: 4.5vmin;
  width: 8vmin;
  background-color: #BC9EA1;
  bottom: 0;
  left: 2vmin;
  border-radius: 30% 30% 0% 0%;
}


.cow-nose div{ 
  position: absolute;
  height: 3.5vmin;
  width: 6.5vmin;
  background-color: #506E79;
  bottom: 0;
  left: 10%;
  border-radius: 20% 20% 20% 20%;
}

.cow-nose div div{ 
  position: absolute;
  height: 1.5vmin;
  width: 1.5vmin;
  background-color: #000;
  left: 10%;
  top: .5vmin;
  border-radius: 50%;
  box-shadow: 3.5vmin 0vmin 0vmin 0vmin #000;
}

.cow-nose-bottom {
  background-color: #BC9EA1;
  height: 6vmin;
  width: 3vmin;
  -moz-border-radius: 150px 0 0 150px;
  border-radius: 150px 0 0 150px;
  transform-origin: 100% 0%;
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(270deg);
  bottom: -6.3vmin;
  left: 0vmin;
  position: absolute;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-animation: chew .9s ease-in-out infinite;
  animation: chew .9s ease-in-out infinite; 
}

.moo-mouth {
  background-color: #000000;
  height: 0vmin;
  width: 0vmin;
  -webkit-border-radius: 30% 30% 30% 30%;
  -moz-border-radius: 30% 30% 30% 30%;
  border-radius: 30% 30% 30% 30%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  top: 3vmin;
  left: 2vmin;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-grass {
  background-color: transparent;
  height: 10vmin;
  width: 4vmin;
  -moz-border-radius: 0px 150px 150px 0px;
  border-radius: 0px 150px 150px 0px;
  transform-origin: 100% 0%;
  border-right: 6px solid #174E0B;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  bottom: -9.4vmin;
  right: 11vmin;
  position: absolute;
  z-index: -4;
  -webkit-animation: chew-grass 1s infinite;
  animation: chew-grass 1s infinite; 
}

.cow-grass:after {
  content: "";
  background-color: transparent;
  height: 10vmin;
  width: 4vmin;
  -moz-border-radius: 0px 150px 150px 0px;
  border-radius: 0px 150px 150px 0px;
  transform-origin: 100% 0%;
  border-right: 6px solid #174E0B;
  bottom: -.5vmin;
  position: absolute;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  z-index: -4;
}

.cow-ear1 { 
  z-index: -2;
  left: -9vmin;
  top: 3vmin;
  position: absolute;
  width: 8vmin;
  height: 6vmin;
  background-color: #506E79;
  border: .6vmin solid #DED7C5;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 0px 20vmin 0px 20vmin;
  border-radius: 0px 20vmin 0px 20vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  -o-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(-20deg);
  
}

.cow-ear2 { 
  z-index: -2;
  right: -7.2vmin;
  top: 5.2vmin;
  position: absolute;
  width: 8vmin;
  height: 6vmin;
  background-color: #506E79;
  border: .6vmin solid #DED7C5;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 0px 20vmin 0px 20vmin;
  border-radius: 0px 20vmin 0px 20vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  -o-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(-39deg);
  
}

.cow-horn {
  z-index: -2;
  left: -9vmin;
  top: -6vmin;
  position: absolute;
  width: 12vmin;
  height: 6vmin;
  border-bottom: 2vmin solid #7C6211;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 0px 20vmin 0px 20vmin;
  border-radius: 0px 20vmin 0px 20vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.cow-horn:after {
  content: "";
  z-index: -2;
  left: 22vmin;
  top: 3vmin;
  position: absolute;
  width: 6vmin;
  height: 12vmin;
  border-left: 2vmin solid #7C6211;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 0px 20vmin 0px 20vmin;
  border-radius: 0px 20vmin 0px 20vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  -o-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(240deg);
}

.cow-body-shell { 
  z-index: -5;
  left: 5.7vmin;
  top: 4vmin;
  position: absolute;
  width: 50vmin;
  height: 25vmin;
  background-color: #DED7C5;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 5vmin 5vmin 5vmin 5vmin;
  border-radius: 5vmin 5vmin 5vmin 5vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  
}

.cow-body { 
  z-index: -4;
  position: absolute;
  width: 50vmin;
  height: 25vmin;
  background-color: #DED7C5;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 5vmin 5vmin 5vmin 5vmin;
  border-radius: 5vmin 5vmin 5vmin 5vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-body div { 
  z-index: 2;
  position: absolute;
  left: 20vmin;
  width: 15vmin;
  height: 10vmin;
  background-color: #506E79;
  -moz-border-radius: 0% 0% 25% 25%;
  -webkit-border-radius: 0% 0% 25% 25%;
  border-radius: 0% 0% 25% 25%;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-body div:after { 
  content: "";
  z-index: 2;
  position: absolute;
  left: 20vmin;
  top: 5vmin;
  width: 10vmin;
  height: 10vmin;
  background-color: #506E79;
  -moz-border-radius: 25% 0% 0% 25%;
  -webkit-border-radius: 25% 0% 0% 25%;
  border-radius: 25% 0% 0% 25%;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-body div:before { 
  content: "";
  z-index: 2;
  position: absolute;
  left: -12vmin;
  top: 10vmin;
  width: 15vmin;
  height: 10vmin;
  background-color: #506E79;
  -moz-border-radius: 25% 25% 25% 25%;
  -webkit-border-radius: 25% 25% 25% 25%;
  border-radius: 25% 25% 25% 25%;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-forelegs { 
  z-index: -5;
  left: 5vmin;
  top: 14vmin;
  position: absolute;
  width: 3.5vmin;
  height: 25vmin;
  background-color: #A39A82;
  border-bottom: 2vmin solid #252525;
  -moz-border-radius: 5vmin 5vmin 0vmin 0vmin;
  -webkit-border-radius: 5vmin 5vmin 0vmin 0vmin;
  border-radius: 5vmin 5vmin 0vmin 0vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-forelegs:after { 
  content: "";
  z-index: -5;
  left: 5vmin;
  position: absolute;
  width: 3.5vmin;
  height: 25vmin;
  background-color: #DED7C5;
  border-bottom: 2vmin solid #252525;
  -moz-border-radius: 5vmin 5vmin 0vmin 0vmin;
  -webkit-border-radius: 5vmin 5vmin 0vmin 0vmin;
  border-radius: 5vmin 5vmin 0vmin 0vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-hindlegs { 
  z-index: -5;
  right: 0vmin;
  top: 14vmin;
  position: absolute;
  width: 3.5vmin;
  height: 25vmin;
  background-color: #DED7C5;
  border-bottom: 2vmin solid #252525;
  -moz-border-radius: 5vmin 5vmin 0vmin 0vmin;
  -webkit-border-radius: 5vmin 5vmin 0vmin 0vmin;
  border-radius: 5vmin 5vmin 0vmin 0vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-hindlegs:before { 
  content: "";
  z-index: -5;
  right: 5vmin;
  position: absolute;
  width: 3.5vmin;
  height: 25vmin;
  background-color: #A39A82;
  border-bottom: 2vmin solid #252525;
  -moz-border-radius: 5vmin 5vmin 0vmin 0vmin;
  -webkit-border-radius: 5vmin 5vmin 0vmin 0vmin;
  border-radius: 5vmin 5vmin 0vmin 0vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-tail { 
  z-index: -6;
  right: -2vmin;
  top: 1vmin;
  position: absolute;
  width: 12.5vmin;
  height: 25vmin;
  background-color: transparent;
  -moz-border-radius: 0vmin 5vmin 0vmin 5vmin;
  -webkit-border-radius: 0vmin 5vmin 0vmin 5vmin;
  border-radius: 0vmin 5vmin 0vmin 5vmin;
  border-top: 6px solid #A39A82;
  border-right: 4px solid #A39A82;
  border-bottom: 4px solid transparent;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-udder { 
  z-index: -5;
  right: 4vmin;
  bottom: -4vmin;
  position: absolute;
  width: 15vmin;
  height: 10vmin;
  background-color: #BC9EA1;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 5vmin 5vmin 5vmin 5vmin;
  border-radius: 5vmin 5vmin 5vmin 5vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-udder  div{ 
  z-index: -5;
  left: 7vmin;
  bottom: -2vmin;
  position: absolute;
  width: 1.5vmin;
  height: 4vmin;
  background-color: #BC9EA1;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 5vmin 5vmin 5vmin 5vmin;
  border-radius: 5vmin 5vmin 5vmin 5vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-udder  div:before{ 
  content: "";
  z-index: -5;
  left: -5vmin;
  bottom: 1vmin;
  position: absolute;
  width: 1.5vmin;
  height: 4vmin;
  background-color: #BC9EA1;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 5vmin 5vmin 5vmin 5vmin;
  border-radius: 5vmin 5vmin 5vmin 5vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.cow-udder  div:after{
  content: "";
  z-index: -5;
  left: 5vmin;
  bottom: 1vmin;
  position: absolute;
  width: 1.5vmin;
  height: 4vmin;
  background-color: #BC9EA1;
  -moz-border-radius: 0px 20vmin 0px 20vmin;
  -webkit-border-radius: 5vmin 5vmin 5vmin 5vmin;
  border-radius: 5vmin 5vmin 5vmin 5vmin;
  transform-origin: 0% 0%;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
  
@keyframes chew {
0% {bottom: -6.1vmin; left: -.5vmin;}
25% {bottom: -6.2vmin; left: -.4vmin;}
50% {bottom: -6.2vmin; left: .4vmin;}
75% {bottom: -6.1vmin; left: .5vmin;}
100% {bottom: -6.1vmin; left: -.5vmin;}
}

@-webkit-keyframes chew {
0% {bottom: -6.1vmin; left: -.5vmin;}
25% {bottom: -6.2vmin; left: -.4vmin;}
50% {bottom: -6.2vmin; left: .4vmin;}
75% {bottom: -6.1vmin; left: .5vmin;}
100% {bottom: -6.1vmin; left: -.5vmin;}
}

@keyframes chew-grass {
0% {transform: rotate(272deg);}
50% {transform: rotate(274deg);}
100% {transform: rotate(272deg);}
}

@-webkit-keyframes chew-grass {
0% {-webkit-transform: rotate(272deg);}
50% {-webkit-transform: rotate(274deg);}
100% {-webkit-transform: rotate(272deg);}
}

@keyframes udder-shake {
0% {bottom: -2vmin;}
50% {bottom: -1.5vmin;}
100% {bottom: -2vmin;}
}

@-webkit-keyframes udder-shake {
0% {bottom: -2vmin;}
50% {bottom: -1.5vmin;}
100% {bottom: -2vmin;}
}

.cow:hover .cow-nose-bottom{ 
bottom: -6.1vmin; 
left: 0vmin;
-webkit-animation: no-chew .4s ease-in-out infinite; 
animation: no-chew .4s ease-in-out infinite; 
}

.cow:hover .cow-grass{ 
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
}

.cow:hover .cow-head-pattern div div {
  top: 1vmin;
  left: 1.2vmin;
  box-shadow: 8.2vmin 0vmin 0 0 #FFF;
}

.cow:hover .moo-mouth{ 
  animation: moo 2s ease-in-out infinite; 
  }
  
.cow:hover .cow-udder  div{ 
  -webkit-animation: udder-shake .2s ease-in-out infinite;
  animation: udder-shake .2s ease-in-out infinite; 
  }
  
  @keyframes moo {
0% {top: 3vmin; left: 2vmin; height: 0vmin; width: 0vmin;}
5% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
10% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
15% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
20% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
25% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
30% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
35% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
40% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
45% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
50% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
55% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
60% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
65% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
70% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
75% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
80% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
85% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
90% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
95% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
100% {top: 3vmin; left: 2vmin; height: 0vmin; width: 0vmin;}
}

@-webkit-keyframes moo {
0% {top: 3vmin; left: 2vmin; height: 0vmin; width: 0vmin;}
5% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
10% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
15% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
20% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
25% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
30% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
35% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
40% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
45% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
50% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
55% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
60% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
65% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
70% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
75% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
80% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
85% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
90% {top: 1vmin; left: 2vmin; height: 3.5vmin; width: 1.5vmin;}
95% {top: 1vmin; left: 2vmin; height: 4vmin; width: 2vmin;}
100% {top: 3vmin; left: 2vmin; height: 0vmin; width: 0vmin;}
}

.btnpop {
    background: #DED7C5;
    position: relative;
    width: 40vmin;
    padding: 15px 40px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 5px solid #7C6211;
    color: #7C6211;
    font-size: 25px;
    vertical-align: middle;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    transition: all 0.1s;
    left: 50%;
	-webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
    transform: translateX(-50%);
}
.btnpop:hover { 
  border-bottom: 5px solid #7C6211;
  background: #DED7C5;
}
.btnpop:active { 
  top: 2px; 
  border-bottom: 2px solid #7C6211;
  background: #DED7C5;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.btnpop:focus {outline:0;}

.mooo h1 {
    font-size: 45vmin;
    position: absolute;
    top: -47vmin;
    font-family: ultra;
    left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #132F17;
}