.overlay {
color:#fff; 
position:absolute; 
z-index:12; 
top:80%; 
left:40%; 
width:70%; 
text-align:center;
}

.boxtext {
/* background-color: black;  */
color: #fff; 
display: inline; 
padding: 0.5rem; 
-webkit-box-decoration-break: clone; 
box-decoration-break: clone; 
font-size: 2.5rem;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,f4d802+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(244,216,2,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(244,216,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(244,216,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f4d802',GradientType=0 ); /* IE6-9 */


}

.gradient {

}