.mobile-only {
  display:block;
}
.button-top {
  position: fixed;
    bottom: 1rem;
    right: 1rem;
    /* z-index: 0; */
    width: 1rem;
    height: 1rem;
}
@media screen and (min-width:576px){
  .mobile-only{
    display:none;
  }
}

  html,body {
  height:100%;
    width:100%;
    overflow:hidden;
  }
  body {
    display:flex;
    flex-direction:column;
  }
  .wrapper {

    overflow-y: auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

@media screen and (min-width: 576px){
  .col-menu {
 width:21.6%!important 
}
.col-content{
  width:44.5%!important;
}
  .comment-wrapper {
   display:block!important;
  }
}


.comment-wrapper {

}

.content-container div {
  
}


a:focus,a:hover,a:active{
  color:black;
}

.a{
  color:gray;
  text-decoration:none;
font-weight: 400;
}

/*.to-animate {
 opacity: 0;
    visibility: hidden;
   
    -moz-transform: translate3d(5rem, 0, 0) ;
    -ms-transform: translate3d(5rem, 0, 0) ;
    -webkit-transform: translate3d(5rem, 0, 0) ;
    transform: translate3d(5rem, 0, 0) skewY(0deg) ;
    -moz-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
    -o-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
    -webkit-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -webkit-transition-delay: 0.2s;
    transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
}
.to-animate {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0, 0, 0) ;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0) ;
    transform: translate3d(0, 0, 0) skewY(0deg) ;
}*/

#overlay-opacity {
  position:fixed;
  display:none;
  height:100vh;
  width:100vw;
  z-index:100;
  background:#000;
  opacity:0.2;
}
@media screen and (max-width:576px) {
 .fade-out {
   margin-left:-5%!important;
    width:100%!important;
 }  

  .container-fluid {
   padding-left:1rem;
    padding-right:1rem;
  }
  .container-fluid .row.w-100 {
  margin:0;
    padding:0;
  }
  .comment-wrapper {
  width:100%;
  }
}
.fade-out {
    position: fixed; 
    top: 0;
      margin-left: -50%;
    width: 123%;
  height: 5.5rem;
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); 
} 


 

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:topicset-template] [22.401] DESIGN*/
/*******************************************************************/
/* 0.13 D>D */
/* db 151 */