/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.not_supported {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  width: 100%;
  overflow: hidden;
  height: 100vh;
}
.not_supportImg {
  background: url(../images/Incompatible.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 70%;
}
.not_supportImg img {
  width: 100%;
  height: 100%;
  position: relative;
}
@media ( min-width:200px ) {
  .not_supportImg p {
      padding-bottom: 20px;
      color: #000000;
  }
  .support_browser {
      width: 100%;
      height: 30%;
      background: #000000;
      color: #667f00;
      display: block;
  }
  .support_browser h2 {
      text-align: center;
      padding: 10px 0;
  }
  .support_browser .support_content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: flex-start;
  }
  .support_browser .support_content div {
      width: 33%;
      margin: 0 auto;
      padding: 0;
      display: -ms-grid;
      display: grid;
      text-align: center;
  }
  .support_browser .support_content div img {
      width: 50%;
      margin: auto;
  }
  .support_browser .support_content div span {
      padding: 5px 0;
      font-size: 20px;
      font-weight: bold;
  }
}

@media ( min-width:650px ) {
  .support_browser .support_content div img {
      width: 25%;
      margin: auto;
  }
}

