body {font-family: 'Raleway', sans-serif; font-size: 14px; color: #fff; font-weight: 300; background-color: #000;}
		

#colunas {
	position: absolute; bottom:0; background: rgba(0,0,0,0.8); z-index: 9999; width: 100%; padding: 20px;
}

#coluna1 {
	text-align: center;
}
#coluna2, #coluna3, #coluna4 {
	margin-top: 50px;
	line-height: 24px;
	margin-bottom: 24px;
}

#coluna2 b { color: rgba(255,255,255,0.5)
}
#txt {
	z-index: 999; position: absolute; top: 5%; left: 5%; width: 100%; text-align: left; font-size: 80px; font-weight: bold;
}

#txt row div{margin: 0; padding: 0;}

#btt_dir {
	text-align: right;
}

#btt_con {
	text-align: left;
}

a{
	text-decoration: none !important;
	color: #fff;
	cursor: pointer;
}

a:hover {
	color: #fff;
	cursor: pointer;
}

.btt_wd:hover {background: #f58220} 
.slides-pagination {display:none; } 


@media (max-width: 1250px) { 
	#colunas {
		position: relative; background: rgba(0,0,0,1); z-index: 9999; width: 100%;padding: 50px;
	}

}
@media (max-width: 600px) { 
	#txt {
		z-index: 999;position: absolute;top: 5%; width: 100%; text-align: center; font-size: 40px; font-weight: bold;
	}
}

@media (max-width: 768px) { 
	#colunas .col-xs-12 {
		margin: 0 auto;
		width: 100%;
	}

	#btt_dir, #btt_wdcon {
		text-align: center;
	}

	#btt_wdcon {
		margin-top: 10%;
	}

	#coluna1, #coluna2, #coluna3, #coluna4 {
		text-align: center; margin-bottom: 20px !important;
	}
}


@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
	#txt {
		z-index: 999;position: absolute;top: 5%; width: 100%; text-align: left; font-size: 50px; font-weight: bold;
	}

	#colunas .col-xs-12 {
		margin: 12px auto;
		width: 100%;
	}

	#coluna1, #coluna2, #coluna3, #coluna4 {
		text-align: left; margin-bottom: 20px !important;
	}
}