*
{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
}

.template-wrapper
{
      display: flex;
}

.aside-avatar
{
      border-right: 1px solid rgb(197, 197, 197);
      flex: 1;
}

.aside-avatar .avatar-img 
{
      width: 100%;
}

.outer-wrapper
{
      margin-top: 30px;
}

.aside-avatar 
{
      padding-right: 15px;
}

.avatar-desc
{
      padding-left: 15px;
      flex: 2;
}

.avatar-desc p 
{
      margin-bottom: 2.3rem;
}

.toggle-label
{

      font-size: 2rem;
      font-weight: lighter;
      padding: 10px 10px;
      border-top: 1px solid rgb(179, 179, 179);
}

.toggle-label-active
{
      background: #F6F6F6;
      border-top: 1px solid #000;
      font-weight: bold;
}

.my-pr-5
{
      padding-right: 15px;
}

.accordion-inner
{
      padding: 1rem 2.3rem;
      display: none;
}

.accordion-inner ul
{
      padding: inherit;
}

.accordion-inner .inner-heading 
{
      font-size: 1.5rem;
}

.accordion-inner ul li a
{
      text-decoration: none;
      color: #000;
}


@media screen and (max-width:576px)
{
      .template-wrapper
      {
            flex-wrap: wrap;
      }

      .aside-avatar 
      {
            border-right: none;
            width: 100%;
            flex: auto;
      }

      .aside-avatar .avatar-img 
      {
            display: block;
            margin: auto;
            width: 100%;
            max-width: 100%;
      }

      .aside-avatar
      {
            padding-bottom: 30px;
      }

      .avatar-desc 
      {
            flex: auto;
      }
}