.tinyslide { 
	width: 100%; 
	height: 100%; 
	position: relative; 
	overflow: hidden; 
	}

.tinyslide .navigator { 
	position: absolute; 
	bottom: 1em; 
	left: 50%;
	z-index:3; 
	-webkit-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%); 
	}

.tinyslide .navigator ul { 
	padding: 0; 
	}

.tinyslide .navigator ul li { 
	background: #4b5eab;
	float: left; 
	list-style-type: none; 
	margin: 0 1em 0 0; 
	padding: 0; 
	width: 15px; 
	height: 15px; 
	border: 2px solid white; 
	border-radius: 100%; 
	-webkit-transition: all 500ms linear; 
	transition: all 500ms linear; 
	}

.tinyslide .navigator ul li span { 
	display: none; 
	}

.tinyslide .navigator ul li:hover { 
	background: #00adef; 
	}

.tinyslide .navigator ul li.active { 
	background: #00adef; 
	-webkit-transform: scale(1.5); 
	-ms-transform: scale(1.5); 
	transform: scale(1.5); 
	}

.tinyslide aside { 
	height: 100%; 
	width: 100%; 
	-webkit-transition: 
	-webkit-transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); 
	transition: transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); 
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden; 
	}

.tinyslide figure { 
	height: 100%; 
	float: left; 
	position: relative; 
	z-index: 1; 
	}

.tinyslide figure img { 
	width: 100%; 
	height: 100%; 
	-o-object-fit: cover; 
	object-fit: cover; 
	}

.tinyslide figure figcaption { 
	position: absolute; 
	color: #fff; 
	background: url(../images/dots.png) repeat;	
	text-shadow: -2px 0 rgba(0,0,0,0.7), 0 2px rgba(0,0,0,0.7), 2px 0 rgba(0,0,0,0.7), 0 -2px rgba(0,0,0,0.7);	 
	padding: 10px 20px;
	}

.tinyslide figure.active figcaption { 
	-webkit-animation-name: fadeInRight; 
	animation-name: fadeInRight; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-duration: 2s; 
	animation-duration: 2s; 
	}

@-webkit-keyframes fadeInRight { 
	0% { 
		opacity: 0; 
		-webkit-transform: translateX(20px); 
		transform: translateX(20px); 
		}
  100% { 
  		opacity: 1; 
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
		} 
	}

@keyframes fadeInRight { 
	0% { 
		opacity: 0; 
		-webkit-transform: translateX(20px); 
		transform: translateX(20px); 
		}
  100% { 
  		opacity: 1; 
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
		} 
	}
	

@media screen and (max-width: 600px) {
.smtxt {
		font-size: 1.3em; 	
}

.bitxt {
		font-size: 1.9em; 	
}

.alf{
		left: 8%;	
		top: 60%; 		
}

.ari{
		right: 8%;	
		top: 60%; 				
}		
}

@media screen and (min-width: 601px) {
.smtxt {
		font-size: 1.5em; 	
}

.bitxt {
		font-size: 3em; 	
}		

.alf{
		left: 13%;	
		top: 50%; 		
}

.ari{
		right: 13%;	
		top: 50%; 				
}
}