.rd-mobilepanel {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4d4d+0,e86c57+50,ff6600+75,ffd84f+100 */
background: #ff4d4d; /* Old browsers */
background: -moz-linear-gradient(left,  #ff4d4d 0%, #ff4d4d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff4d4d 0%, #ff4d4d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff4d4d 0%, #ff4d4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4d4d', endColorstr='#ff4d4d',GradientType=1 ); /* IE6-9 */
  background-position: right top;
  transition-property: height;
  transition-duration: 2s;
  transition-timing-function: linear;
  transition-delay: 1s;
  height: 280px;
}

[data-section="introduction"] .rd-mobilepanel:before {
      content: '';
    position: absolute;
    background-position: 60% bottom;
    transition-property: height;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    z-index: 99999999;
}
[data-section="introduction"] .rd-mobilepanel.fixed {
  height: 56px;
  transition: top 1s ease-out 0.5s;
}

body:not([data-section="introduction"]) .tm-title-caption {
  display: none;
}

.rd-mobilepanel_title {
  top: 80px;
}

.tm-title-caption {
  font-size: 22px;
  top: 180px;
  left: 70px;
  color: white;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.rd-mobilemenu .panel {
  top: 135px;
}
.rd-mobilemenu .logo {
  background-color: #f9f9f9;
}

.toTop {
  background-color: #363a41;
}
.toTop:hover {
  background: #646c79;
}

.files_structure li .fa {
  color: #5f6778;
}