@media screen and (max-width: 767px) {
	.text-1 span {
	font-size:28px;text-shadow:0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);
	 }	
	 
	 	.area {
	width:70%;
	font-size:15px;
	border-radius:15px;
	padding:20px;
	text-align:left	;
	margin-top:20px;
	box-shadow:0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);
}	

.animate {
	font-size: 15px;
	margin: 20px 0 0;
}	
}

@media (min-width: 768px) {
	.text-1 span {
	font-size:40px;text-shadow:0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1); }	
	.area {
	width:70%;
	font-size:15px;
	border-radius:15px;
	padding:20px;
	text-align:left	;
	margin-top:50px;
	
	box-shadow:0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);
}	
.animate {
	font-size: 15px;
	margin: 100px 0 0;
}	
}

@media (min-width: 992px) {
	
.text-1 span {
	font-size:40px;
	}	
.area {
	width:80%;
	font-size:18px;
	border-radius:15px;
	padding:50px;
	text-align:left	;
	margin-top:100px;
}
.animate {
	font-size: 18px;
	margin: 100px 0 0;
}
}

@media (min-width:1200px) {
.text-1 span {
	font-size:60px}	
.area {
	width:70%;
	font-size:18px;
	border-radius:15px;
	padding:50px;
	text-align:left	;
	margin-top:100px;
	
}
.animate {
	font-size: 18px;
	margin: 100px 0 0;
}
}


.area { background-color: rgba(142,207,30,0.55);border:5px solid  rgba(89,109,38,1.00);}


.enter {
	 width:250px;
	 background-color: transparent;
	 padding:20px;
	 margin-top:100px;
	 margin-bottom:150px;
	 font-size:40px;
	 border-radius:60px;
     border:2px solid #DB1717;
	 transition:400ms ease;
	 color: #DB1717;
	 font-weight:bold;
	 text-shadow:#333333 2px 0px 3px;
	 }

.enter:hover {
	background-color: #DB1717;
	color: rgba(225,225,225,1.00);
	text-shadow:#333333 2px 0px 3px;
	border:2px solid   #AF080B;
}
	
.text-1 {
	text-align:center}























 

.animate span {
	display: inline-block;
}



.animate span:nth-of-type(2) {
	animation-delay: .05s;
}
.animate span:nth-of-type(3) {
	animation-delay: .1s;
}
.animate span:nth-of-type(4) {
	animation-delay: .15s;
}
.animate span:nth-of-type(5) {
	animation-delay: .2s;
}
.animate span:nth-of-type(6) {
	animation-delay: .25s;
}
.animate span:nth-of-type(7) {
	animation-delay: .3s;
}
.animate span:nth-of-type(8) {
	animation-delay: .35s;
}
.animate span:nth-of-type(9) {
	animation-delay: .4s;
}
.animate span:nth-of-type(10) {
	animation-delay: .45s;
}
.animate span:nth-of-type(11) {
	animation-delay: .5s;
}
.animate span:nth-of-type(12) {
	animation-delay: .55s;
}
.animate span:nth-of-type(13) {
	animation-delay: .6s;
}
.animate span:nth-of-type(14) {
	animation-delay: .65s;
}

.animate span:nth-of-type(15) {
	animation-delay: .7s;
}
.animate span:nth-of-type(16) {
	animation-delay: .7s;
}
.animate span:nth-of-type(17) {
	animation-delay: .7s;
}
.animate span:nth-of-type(18) {
	animation-delay: .3s;
}
.animate span:nth-of-type(19) {
	animation-delay: .35s;
}
.animate span:nth-of-type(20) {
	animation-delay: .4s;
}
.animate span:nth-of-type(21) {
	animation-delay: .45s;
}
.animate span:nth-of-type(22) {
	animation-delay: .5s;
}
.animate span:nth-of-type(23) {
	animation-delay: .55s;
}
.animate span:nth-of-type(24) {
	animation-delay: .6s;
}
.animate span:nth-of-type(25) {
	animation-delay: .65s;
}

.animate span:nth-of-type(26) {
	animation-delay: .7s;
}
.animate span:nth-of-type(27) {
	animation-delay: .75s;
}
.animate span:nth-of-type(28) {
	animation-delay: .8s;
}

.animate span:nth-of-type(29) {
	animation-delay: .4s;
}
.animate span:nth-of-type(30) {
	animation-delay: .45s;
}
.animate span:nth-of-type(31) {
	animation-delay: .5s;
}
.animate span:nth-of-type(32) {
	animation-delay: .55s;
}
.animate span:nth-of-type(33) {
	animation-delay: .6s;
}
.animate span:nth-of-type(34) {
	animation-delay: .65s;
}

.animate span:nth-of-type(35) {
	animation-delay: .7s;
}
.animate span:nth-of-type(36) {
	animation-delay: .7s;
}
.animate span:nth-of-type(37) {
	animation-delay: .7s;
}
.animate span:nth-of-type(38) {
	animation-delay: .7s;
}

.animate span:nth-of-type(39) {
	animation-delay: .4s;
}
.animate span:nth-of-type(40) {
	animation-delay: .45s;
}
.animate span:nth-of-type(41) {
	animation-delay: .5s;
}
.animate span:nth-of-type(42) {
	animation-delay: .55s;
}
.animate span:nth-of-type(43) {
	animation-delay: .6s;
}
.animate span:nth-of-type(44) {
	animation-delay: .65s;
}

.animate span:nth-of-type(45) {
	animation-delay: .7s;
}
.animate span:nth-of-type(46) {
	animation-delay: .7s;
}
.animate span:nth-of-type(47) {
	animation-delay: .7s;
}
.animate span:nth-of-type(48) {
	animation-delay: .7s;
}
.animate span:nth-of-type(49) {
	animation-delay: .7s;
}
.animate span:nth-of-type(50) {
	animation-delay: .7s;
}
.animate span:nth-of-type(51) {
	animation-delay: .7s;
}
.animate span:nth-of-type(52) {
	animation-delay: .7s;
}
.animate span:nth-of-type(53) {
	animation-delay: .7s;
}
.animate span:nth-of-type(54) {
	animation-delay: .7s;
}


.animate span:nth-of-type(55) {
	animation-delay: .8s;
}
.animate span:nth-of-type(56) {
	animation-delay: .8s;
}
.animate span:nth-of-type(57) {
	animation-delay: .8s;
}
.animate span:nth-of-type(58) {
	animation-delay: .8s;
}
.animate span:nth-of-type(59) {
	animation-delay: .8s;
}
.animate span:nth-of-type(60) {
	animation-delay: .8s;
}
.animate span:nth-of-type(61) {
	animation-delay: .8s;
}
.animate span:nth-of-type(62) {
	animation-delay: .8s;
}
.animate span:nth-of-type(63) {
	animation-delay: .9s;
}
.animate span:nth-of-type(64) {
	animation-delay: .9s;
}
.animate span:nth-of-type(65) {
	animation-delay: .9s;
}
.animate span:nth-of-type(66) {
	animation-delay: .9s;
}
.animate span:nth-of-type(67) {
	animation-delay: .9s;
}
.animate span:nth-of-type(68) {
	animation-delay: .9s;
}
.animate span:nth-of-type(69) {
	animation-delay: .9s;
}
.animate span:nth-of-type(70) {
	animation-delay: .9s;
}
.animate span:nth-of-type(71) {
	animation-delay: .9s;
}
.animate span:nth-of-type(72) {
	animation-delay: .9s;
}
.animate span:nth-of-type(73) {
	animation-delay: .9s;
}
/* Animation One */

.one span {
	color: #DB1717;
	opacity: 0;
	transform: translate(-150px, -50px) rotate(-180deg) scale(3);
	animation: revolveScale .4s forwards;
	font-weight:bold
}

@keyframes revolveScale {
	60% {
		transform: translate(20px, 20px) rotate(30deg) scale(.3);
	}

	100% {
		transform: translate(0) rotate(0) scale(1);
		opacity: 1;
	}
}