.colcarou-frame {
    font-family:'Helvetica';
}
.colcarou-item {
    float:left;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    /* cursor: pointer; */
}
.colcarou-item h1, .colcarou-item p {
    cursor:default;
}
.colcarou-frame .inactive:hover {
    background: rgba(0,0,0,.2);
}
.colcarou-item img {
    position:absolute;
    top:0;
    left: 0;
    z-index:-1;
    object-fit: cover;
}
.colcarou-textbox {
    position:relative;
    color:white;
    z-index:5;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.colcarou-button {
    text-decoration: none;
    color:white;
    background-color:#009C74;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(51,51,51,1);
    -moz-box-shadow: 2px 2px 3px 0px rgba(51,51,51,1);
    box-shadow: 2px 2px 3px 0px rgba(51,51,51,1);
    padding:0.5rem 1rem;
    position: absolute;
    bottom: 3rem;
    right: 3rem; 
    max-width:6rem;
    display: none;
    font-size: 14.5px;
    margin-left: 2rem;
    vertical-align: bottom;
    z-index: 3;
    cursor: pointer;
}

.active.colcarou-item .colcarou-button{display: block;}

.colcarou-rotate {
    transform-origin: 0 0;
    transform:rotate(-90deg);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

@media only screen and (max-width: 600px) {
    .row .col.colcarou{padding: 0;}
    .colcarou-title{font-size: 24px;}
    .colcarou-item img{z-index: 0;}
}