@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@media only screen and (max-width: 40em) {
	#logo {
		margin: 0;
		width: 300px;
		height: 128px;
		position: relative;
	}
	.teddy {
		width: 104px;
		height: 128px;
		position: absolute;
	}
	
	@-webkit-keyframes bounceInRight {
	  0%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	
	  0% {
	    opacity: 0.5;
	    -webkit-transform: translateX(400px) rotate(300deg) scale(0);
	    -webkit-transform: translate(400px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform: translate3d(400px, 0, 0) rotate(300deg) scale(0);
	            transform: translateX(400px) rotate(300deg) scale(0);
				transform: translate(400px, 0, 0) rotate(300deg) scale(0);
				transform: translate3d(400px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	
	
	  
	    100% {
	    -webkit-transform: translateX(200px) rotate(0deg) scale(1);
	    -webkit-transform: translate(200px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform: translate3d(200px, 0, 0) rotate(0deg) scale(1);
	            transform: translateX(200px) rotate(0deg) scale(1);
	            transform: translate3d(200px, 0, 0) rotate(0deg) scale(1);
	            transform: translate(200px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	}
	
	@keyframes bounceInRight {
	  0%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	
	  0% {
	    opacity: 0.5;
	    -webkit-transform: translateX(400px) rotate(300deg) scale(0);
	    -webkit-transform: translate(400px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform: translate3d(400px, 0, 0) rotate(300deg) scale(0);
	            transform: translateX(400px) rotate(300deg) scale(0);
				transform: translate(400px, 0, 0) rotate(300deg) scale(0);
				transform: translate3d(400px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	
	
	  
	    100% {
	    -webkit-transform: translateX(200px) rotate(0deg) scale(1);
	    -webkit-transform: translate(200px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform: translate3d(200px, 0, 0) rotate(0deg) scale(1);
	            transform: translateX(200px) rotate(0deg) scale(1);
	            transform: translate(200px, 0, 0) rotate(0deg) scale(1);
	            transform: translate3d(200px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	}
	
	.bounceInRight {
	  -webkit-animation-name: bounceInRight;
	          animation-name: bounceInRight;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#logo {
		margin: 0;
		width: 500px;
		height: 213px;
		position: relative;
	}
	.teddy {
		width: 173px;
		height: 213px;
		position: absolute;
	}
	
	@-webkit-keyframes bounceInRight {
	  0%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	
	  0% {
	    opacity: 0.5;
	    -webkit-transform: translateX(666px) rotate(300deg) scale(0);
	    -webkit-transform: translate(666px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform: translate3d(666px, 0, 0) rotate(300deg) scale(0);	            
	            transform: translateX(666px) rotate(300deg) scale(0);
	            transform: translate(666px, 0, 0) rotate(300deg) scale(0);
	            transform: translate3d(666px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	
	
	  
	    100% {
	    -webkit-transform: translateX(334px) rotate(0deg) scale(1);
	    -webkit-transform: translate(334px, 0, 0) rotate(0deg) scale(1);	 
	    -webkit-transform: translate3d(334px, 0, 0) rotate(0deg) scale(1);	               
	            transform: translateX(334px) rotate(0deg) scale(1);
	            transform: translate(334px, 0, 0) rotate(0deg) scale(1);	 
	            transform: translate3d(334px, 0, 0) rotate(0deg) scale(1);	 
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	}
	
	@keyframes bounceInRight {
	  0%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	
	  0% {
	    opacity: 0.5;
	    -webkit-transform: translateX(666px) rotate(300deg) scale(0);
	    -webkit-transform: translate(666px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform: translate3d(666px, 0, 0) rotate(300deg) scale(0);	            
	            transform: translateX(666px) rotate(300deg) scale(0);
	            transform: translate(666px, 0, 0) rotate(300deg) scale(0);
	            transform: translate3d(666px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	
	
	  
	    100% {
	    -webkit-transform: translateX(334px) rotate(0deg) scale(1);
	    -webkit-transform: translate(334px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform: translate3d(334px, 0, 0) rotate(0deg) scale(1);	               
	            transform: translateX(334px) rotate(0deg) scale(1);
	            transform: translate(334px, 0, 0) rotate(0deg) scale(1);	
	            transform: translate3d(334px, 0, 0) rotate(0deg) scale(1);	 
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	}
	
	.bounceInRight {
	  -webkit-animation-name: bounceInRight;
	          animation-name: bounceInRight;
	}
}

@media only screen and (min-width: 64.063em) {
	#logo {
		margin: 0;
		width: 800px;
		height: 340px;
		position: relative;
	}
	.teddy {
		width: 276px;
		height: 340px;
		position: absolute;
	}
	
	@-webkit-keyframes bounceInRight {
	  0%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	
	  0% {
	    opacity: 0.5;
	    -webkit-transform: translateX(1060px) rotate(300deg) scale(0);
	    -webkit-transform: translate(1060px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform: translate3d(1060px, 0, 0) rotate(300deg) scale(0);	            
	            transform: translateX(1060px) rotate(300deg) scale(0);
	            transform: translate(1060px, 0, 0) rotate(300deg) scale(0);
	            transform: translate3d(1060px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	
	
	  
	    100% {
	    -webkit-transform: translateX(534px) rotate(0deg) scale(1);
	    -webkit-transform: translate(534px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform: translate3d(534px, 0, 0) rotate(0deg) scale(1);	               
	            transform: translateX(534px) rotate(0deg) scale(1);
	            transform: translate(534px, 0, 0) rotate(0deg) scale(1);	 
	            transform: translate3d(534px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	}
	
	@keyframes bounceInRight {
	  0%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	
	  0% {
	    opacity: 0.5;
	    -webkit-transform: translateX(1060px) rotate(300deg) scale(0);
	    -webkit-transform: translate(1060px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform: translate3d(1060px, 0, 0) rotate(300deg) scale(0);	            
	            transform: translateX(1060px) rotate(300deg) scale(0);
	            transform: translate(1060px, 0, 0) rotate(300deg) scale(0);
	            transform: translate3d(1060px, 0, 0) rotate(300deg) scale(0);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	
	
	  
	    100% {
	    -webkit-transform: translateX(534px) rotate(0deg) scale(1);
	    -webkit-transform: translate(534px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform: translate3d(534px, 0, 0) rotate(0deg) scale(1);	               
	            transform: translateX(534px) rotate(0deg) scale(1);
	            transform: translate(534px, 0, 0) rotate(0deg) scale(1);	 
	            transform: translate3d(534px, 0, 0) rotate(0deg) scale(1);
	    -webkit-transform-origin: center;
	            transform-origin:  center;            
	  }
	}
	
	.bounceInRight {
	  -webkit-animation-name: bounceInRight;
	          animation-name: bounceInRight;
	}
}