.grid-wrapper {

      display: grid;
      min-height: 80vh;
      margin: 0 0 90px 0;
      grid-template-columns: auto;
      grid-template-rows: 5rem 100% auto;
      grid-template-areas: "header "
        "content  "
        "footer ";
    }
    .mobile_f {
      display: none;
    }
    .tw-header {
      display: flex;
      grid-area: header;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(228, 228, 228, 0.9);
      -moz-box-shadow: 0 0 20px 0 rgba(228, 228, 228, 0.9);
      box-shadow: 0 0 20px 0 rgba(228, 228, 228, 0.9);
      background: #fff;
      position: relative;
      justify-content: space-between;
      padding: 20px 0 0 0;
      height: auto;
      min-height: 60px;
      position: relative;
    }

    .tw-header__fig {
      width: 130px;
      margin: 0 0 0 21px;
    }

    .tw-header__fig img {
      width: 100%;
      z-index: 1;
    }

    .tw-header__ctn-logo {
      display: block;
      width: 146px;
      font-size: 16px;
    }

    .tw-header__ctn-logo a,
    .tw-header__ctn-logo span {
      display: block;
      width: 130px;
      position: absolute;
      top: -8px;
      z-index: 20;
    }

    .main-section {
      grid-area: content;
      background-size: 27%;
      height: auto;
      display: table-cell;
      overflow: hidden;
      /* width: 100vw; */
      max-width: 100%;
      padding-bottom: 76px;
      background: transparent url("../img/bg_dashboard.png") no-repeat right -90px bottom -30px;
    }

    .app-wrapper {
      display: grid;
      min-height: 60vh;
      margin: 0;
      grid-template-columns: 165px auto 15%;
      grid-template-areas: "aside main nav";
    }

    .app-main {
      background: transparent;
      grid-area: main;
      padding: 50px 20px 40px 0;
    }

    h2 a {
      color: #2e49eb;
    }


    h2 span.header-title {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
    }

    .box-default {
      display: block;
      width: 100%;
      border: 1px solid #e7e7e7;
      position: relative;
      background: #fff;
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
      padding: 20px;
    }

    .box-default  p {
      font-family: "Montserrat";
        font-size: 16px;
        line-height:170%;
    }

    .tw-footer {
      display: block;
      background: #2a42ee;
      padding: 40px 0 42px 0;
      width: 100%;
    }

    .tw-footer__list {
      display: flex;
      justify-content: space-between;
      font-size: 0;
      width: 100%;
      padding: 0 0;
      margin-bottom: 0;
    }

    .tw-footer__item {
      display: inline;
      font-size: 16px;
      text-align: center;
      padding: 0 0;
      vertical-align: middle;
    }

    .tw-footer__link {
      font-family: "Montserrat";
      font-size: 15px;
      color: #fff;
      margin-left: 62px;
      cursor: pointer;
      text-decoration: none;
    }

    .tw-footer__link:hover {
      color: #ffffff;
      text-decoration: underline;
    }

    .tw-footer__txt {
      color: #fff;
      opacity: 0.3;
      margin-right: 40px;
      font-family: "Montserrat";
      font-size: 15px;
    }

    /*  //Responsive Media Queries */

    @media(min-width:0) and (max-width:737px) {
      .mobile_f {
          display: block;
        }

      .app-wrapper {
          display: grid;
          min-height: 80vh;
          margin: 0;
          grid-template-columns: 5% auto 10%;
          grid-template-areas: "aside main nav";
        }
        
      .tw-header {
        height: 90px;
        flex-direction: column;
      }


      .tw-header__ctn-logo {
        order: 1;
        display: block;
        text-align: center;
        width: 150px;
        min-height: 100px !important;
        margin: 10px auto 15px auto;
      }

      .tw-header__fig {
        margin: rem(10) auto 0 auto;
      }

      .tw-header__fig img {
        width: 110%;
      }


      .main-section {
        background-size: 60% !important;
        background-position: right -20px bottom 0 !important;
        padding-bottom: 0;
      }




    }