/* slider */
@-webkit-keyframes fading { 
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fading { 
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

.container_slider { position: relative; width: 100%; margin: 0px 0px auto; z-index: 0; background: #000; }
.container_slider ul { list-style: none; }
.container_slider .slider img { width: 100%; }
.container_slider .slider .destaque { margin:auto; position: absolute; left: 50%; transform: translate(-50%,-200%); }
.container_slider .slider .destaque h1 { margin:auto; width:900px; color: #FFFFFF; background: rgba(0, 0, 0, .3); display: table; padding: 5px; font-size: 53px; text-align: center; border-radius:6px; text-shadow: 1px 1px 2px #000; }
.container_slider .slider .destaque p  { width:900px; color: #fff; background: rgba(0, 0, 0, .3); display: table; padding: 5px; font-size: 29px; text-align: center; border-radius:6px; text-shadow: 1px 1px 2px #000; }

/* slider */

@media only screen and (max-width: 640px){
    /*** slider ***/
	p { text-align: left; padding: 10px; }
	.container_slider { top: 90px; width: auto; }
	.container_slider img { top: 90px; width: auto; }
	.container_slider .slider img { width: 100%; height: 300px; }
	
	.container_slider .slider .destaque { transform: translate(-50%,-120%); }
	.container_slider .slider .destaque h1 { width: 100%; margin:auto; font-size: 19px; }
	.container_slider .slider .destaque p  { width:100%; font-size: 16px; padding: 0px 10px 20px 0px; }
	
	.caption h2 { font-size: 31px; color: #FFFFFF; }
    /*** slider ***/
}