		


@keyframes scale {
		  0% {
			transform: scale(1.5);
			opacity: 0;
		  }
		  100% {
			transform: scale(1);
			opacity: 1;
		  }
}

@keyframes start {
		  0% {
			transform: translateX(-120%);
		  }
		  100% {
			transform: translateX(-110%);
		  }
}

@keyframes start2 {
		  0% {
			transform: translateX(120%);
		  }
		  100% {
			transform: translateX(100%);
		  }
}

@keyframes slideInFromRight1 {
		  0% {
			transform: translateX(100%);
		  }
		  100% {
			transform: translateX(85%);
		  }
}

@keyframes slideInFromRight2 {
		  0% {
			transform: translateX(85%);
		  }
		  100% {
			transform: translateX(0);
		  }
}

@keyframes slideInFromLeft1 {
		  0% {
			transform: translateX(-110%);
		  }
		  100% {
			transform: translateX(-85%);
		  }
}

@keyframes slideInFromLeft2 {
		  0% {
			transform: translateX(-85%);
		  }
		  100% {
			transform: translateX(0);
		  }
}

.back {
			background-image: url(yh.jpg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
}


@media (min-width: 992px){			
		.block0 {
			font-size: 180%;
		}
}

@media (max-width: 992px){			
		.block0 {
			font-size: 120%;
		}
}

.block0a {
			animation: 2.1s ease 0s 1 scale;
			text-shadow: rgb(0, 0, 0) 1px 2px;
			padding: 20px 25px;
			background: rgba(0, 0, 0, 0.6);
			text-align: center;
			font-weight: 900;
			color: rgba(255,255,255,1);
			font-style: normal;
			font-family: 'Open Sans',Arial,Helvetica,sans-serif;
			letter-spacing: 4px;
}

.block1 {
			overflow: hidden;
}

.block1a {
			transition: background-color 0.5s ease;
			animation: .01s step-start 0s 1 start2 forwards, .01s step-start 2s 1 slideInFromRight1 forwards, 1.6s ease 2.01s 1 slideInFromRight2 forwards;
			font-weight: 600;
			color: rgb(255, 255, 255);
			font-family: Raleway;
			background-color: rgb(64, 192, 203);
			padding: 15px 15px;
			box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
			text-align: center;
			padding: 10px 15px;
			letter-spacing: 2px;
}

.block2 {
			overflow: hidden;
}

.block2a {
			transition: background-color 0.5s ease;
			animation: .01s step-start 0s 1 start forwards, .01s step-start 2s 1 slideInFromLeft1 forwards, 1.6s ease 2.01s 1 slideInFromLeft2 forwards;
			font-weight: 600;
			color: rgb(255, 255, 255);
			font-family: Raleway;
			background-color: rgb(138, 185, 51);
			padding: 0px 15px;
			visibility: inherit;
			box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
			text-align: center;
			padding: 10px 15px;
			letter-spacing: 2px;
}

.block3 {
			display: block;
			overflow: hidden;
}

.block3a {
			transition: background-color 0.5s ease;
			animation: .01s step-start 0s 1 start forwards, .01s step-start 2s 1 slideInFromLeft1 forwards, 1.6s ease 2.01s 1 slideInFromLeft2 forwards;
			color: rgb(255, 255, 255);
			font-family: Raleway;
			font-weight: 600;
			background-color: rgb(18, 101, 168);
			padding: 0px 15px;
			box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
			text-align: center;
			padding: 10px 15px;
			letter-spacing: 2px;
}

.block1a:hover {
			background-color: rgb(0, 0, 0);
}

.block2a:hover {
			background-color: rgb(0, 0, 0);
}

.block3a:hover {
			background-color: rgb(0, 0, 0);
}

a:hover {
			text-decoration: none;
}
