.textbox:hover, .textbox:active {
/*cursor: pointer;*/
opacity:1;
}
.text {
text-align: left;
font-size:1.5rem;
font-weight: 300; 
line-height: 1.4rem;
padding:25px;
text-align:center;
}
.textbox {
width:100%;
height:100%;
position:absolute;
color: white;
top:0;
left:0;
opacity:0;
background-image: -moz-linear-gradient( 270deg, rgba(36,36,36,0.25) 0%, rgba(36,36,36,0.5) 40%, rgba(36,36,36,0.5) 100%);
background-image: -webkit-linear-gradient( 270deg, rgba(36,36,36,0.25) 0%, rgba(36,36,36,0.5) 40%, rgba(36,36,36,0.5) 100%);
background-image: -ms-linear-gradient( 270deg, rgba(36,36,36,0.25) 0%, rgba(36,36,36,0.5) 40%, rgba(36,36,36,0.5) 100%);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
margin:0 0 0 0;
border-right: 0px solid #e3e3e3;
border-bottom: 0px solid #e3e3e3;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Tabletts Portrait 
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
.text {text-align: left; font-size:0.8rem; font-weight: 300; line-height: 1rem; padding:10px;}}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Smartphones 
@media screen and (max-width: 767px) {
.text {text-align: left; font-size:1.5rem; font-weight: 300; line-height: 1.4rem; padding:25px;}}*/