#docs-navbar{	margin-top:50px;}
.wrapper,#container{	width: 100%;	margin: 0 auto;}
.demo li {    list-style-type: none;    display: inline-block;    width: 32.7%;    padding: 4px;    font-size: 18px;    line-height: 22px;    -webkit-box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.17);-moz-box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.17);box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.17);}
.demo li img {    margin: 0px;    width: 100%;}
.highlight{	overflow: auto;}
.heart{	color: red;}
.numero12{    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 52px;    line-height: 40px;  color: #e4e4e4; font-weight: normal; font-style: normal; color:  #ff0000; text-transform: uppercase;}
.colocatitulo{max-width: 25%;  z-index: 1;font-family: 'Semibold', Arial, Helvetica, sans-serif;   margin-top: 12%; font-size: 40px;    line-height: 43px;  color: #fff; position: absolute; padding:40px 50px ; text-align:left;text-shadow: 2px 2px 2px rgba(0,0,0,0.65); }

.demo li:hover > .colocatitulo{ display: none;}

.sliphoveritemTitle{
background: #44B670;
background: linear-gradient(90deg,rgba(68, 182, 112, 1) 0%, rgba(34, 112, 64, 1) 100%);
font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 17px; line-height: 24px;
}

.sliphoveritemTitle h3{ font-size: 19px;  color: #ffffff; line-height: 20px;}
.sliphoveritemTitle div a{color: #ffffff!important;}


@media (max-width: 1600px) {
.colocatitulo{font-size: 35px;    line-height: 39px; padding:35x 45px ; }
}

@media (max-width: 1440px) {
.sliphoveritemTitle{font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 14px; line-height: 19px;}
}

@media (max-width: 1024px) {
.sliphoveritemTitle{font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 12px; line-height: 15px;}
.sliphoveritemTitle h3 {    font-size: 17px;    line-height: 18px;}
.colocatitulo {    font-size: 18px;    line-height: 20px;max-width: 30%}

}

@media (max-width: 768px) {
    .demo li {    width: 48.4%;}
    .colocatitulo {    max-width: 36%;    font-size: 19px;    line-height: 23px;    padding: 25px;}
} 

@media (max-width: 767px) {
    .demo li {    width: 100%;}
    .colocatitulo {    max-width: 90%;    font-size: 19px;    line-height: 23px;    padding: 25px;}
}