@import url('https://fonts.googleapis.com/css?family=Montserrat');

.title-t {
    background-color: #111;
    font-family: "Montserrat";
	text-align: center;
	color: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 10vh;
	letter-spacing: 1px;
}


/* styling my button */

.texto-t {
	background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 60px;
	line-height: .75;
    margin: 10px 0;
    
    
    
}


/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 100px) {
    .texto-t {
        font-size: 20px;
    }

}

@media only screen and (min-width: 300px) {
    .texto-t {
        font-size: 40px;
    }

}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {
    .texto-t {
        font-size: 50px;
    }

}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {
    .texto-t {
        font-size: 90px;
    }

}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
    .texto-t {
        font-size: 110px;
    }

}