@media (min-width: 541px) {
    html,
    body {
        background-color: rgb(245, 238, 236);
        margin: 0px 0px 0px 0px;
        font-family: 'Hero', sans-serif;
        height: 100%;
    }
    .hide-in-small {
      display: none;
    }
    .hide-in-big {
      display: block;
    }
    .container {
      max-width: 720px;
    }
    .login-container {
      margin: auto;
      width: 550px;
    }
    .support-container {
      margin: auto;
      width: 650px;
    }
    .learning-user-container {
      margin: auto;
      width: 90%;
    }
    .report-logo-width {
      width: 100%;
    }
    .in-mob-hide {
      display: none;
    }
    .container-height-center {
      /* margin-top: 35%; */
      background-color: rgb(255, 255, 255);
      vertical-align: baseline;
      border: 1px solid rgb(241	226	219);
      border-radius: 10px;
      -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
      -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
      box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    }
    .wrapper-1-2 {
      display: block;
    }
    .wrapper-5-2 {
      display: grid;
      grid-template-columns: 5fr 2fr;
    }
    .wrapper-1-1-2 {
      display: grid;
      grid-template-columns: 1fr 1fr 2fr;
    }
    .wrapper-1-2-1 {
      display: grid;
      grid-template-columns: 1fr 2fr 1fr;
    }
    .wrapper2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .wrapper-2-1 {
      display: grid;
      grid-template-columns: 2fr 1fr;
    }
    .wrapper-2-1-1 {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
    }
    .wrapper2-with-hide {
      display: block;
      margin-top: 20px;
    }
    .wrapper3 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
    }
    .wrapper3-with-hide {
      display: block;
    }
    .wrapper1111 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .home-button-1 {
      display: block;
    }
    .home-button-2 {
      display: none;
    }
    .wrapper-course {
      display: block;
    }
    .home-button-1 {
      display: block;
    }
    .home-button-2 {
      display: none;
    }
    .card-course {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0,0,0,.125);
      border-radius: 0.25rem;
      margin: 10px;
    }
    .card-course-header {
      padding: 0.75rem 1.25rem;
      margin-bottom: 0;
      background-color: rgba(0,0,0,.03);
      border-bottom: 1px solid rgba(0,0,0,.125);
    }
    .card-course-body {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1.25rem;
    }
  }