html {
      min-height: 100%;
      margin-left: calc(100vw - 100%);
    }
    body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: 100vh;
    }
    main {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
    }
    header{border-bottom: 1px solid #81a2b0;}
    h3 {color: #00667f;}
    h4 {color: #00667f;}
    .style1 {
      color: rgba(0, 0, 0, 0);
      background-color: #ccc;
}
    .style2 {
      background-color: #453e3e;
}
  
.framework-grid{
  max-width:1100px;
  margin:auto;
}

.doc-card{
  display:block;
  text-decoration:none;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:14px;
  padding:26px 22px;
  height:100%;
  -webkit-transition:all .25s ease;
  transition:all .25s ease;
}

.doc-card:hover{
  -webkit-transform:translateY(-6px);
          transform:translateY(-6px);
  -webkit-box-shadow:0 14px 32px rgba(0,0,0,.08);
          box-shadow:0 14px 32px rgba(0,0,0,.08);
  border-color:#dee2e6;
  background:#fafbfc;
}

.doc-card h6{
  margin-top:14px;
  font-weight:600;
  font-size:1rem;
  color:#212529;
}

.doc-card p{
  font-size:.85rem;
  color:#6c757d;
  margin-bottom:0;
}

.doc-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-size:1.35rem;
  -webkit-transition:all .25s ease;
  transition:all .25s ease;
}

.doc-card:hover .doc-icon{
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}

.doc-card i.bi-arrow-right-short{
  -webkit-transition:-webkit-transform .2s ease;
  transition:-webkit-transform .2s ease;
  transition:transform .2s ease;
  transition:transform .2s ease, -webkit-transform .2s ease;
}

.doc-card:hover i.bi-arrow-right-short{
  -webkit-transform:translateX(4px);
          transform:translateX(4px);
}

/* icon colours */

.togaf{background:#00667f;color:#00667f;}
.archi{background:#47b3db;color:#47b3db;}
.fair{background:#198754;color:#198754;}
.it4it{background:#81a2b0;color:#81a2b0;}
.agile{background:#7d3e7e;color:#7d3e7e;}