#sdk {
  background: url(https://storage-asset.msi.com/event/2019/mystic-light-rgb-pc/images/download-bg.jpg) top center no-repeat;
  background-size: cover;
  width: 100%;
  padding: 3% 0 5%;
}

#sdk .container {
  max-width: 1000px !important;
  margin: 0 auto;
}

#sdk .sdk__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#sdk .box {
  display: block;
}

#sdk .box .img, #sdk .box .txt {
  width: 100%;
  padding-bottom: 35px;
}

#sdk .box img {
  max-width: 150px;
}

@media (min-width: 996px) {
  #sdk .box {
    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;
    margin-top: 50px;
  }
  #sdk .img {
    width: 50%;
    text-align: center;
    margin: 0 auto;
  }
  #sdk .txt {
    width: 50%;
  }
}

#sdk .icon {
  margin: 40px 0;
  text-align: center;
}

#sdk .icon img {
  max-height: 122px;
  margin: 0 auto;
}

#sdk .download__btn {
  cursor: pointer;
  margin: 0 40px;
  padding: 8px 15px;
  color: #e9e9e9;
  border: 1px solid #e9e9e9;
  -webkit-transition: .2s;
  transition: .2s;
}

#sdk .download__btn:hover {
  background-color: #232323;
  color: #fff;
  border: 1px solid #fff;
}

#sdk .img {
  text-align: center;
  margin: 0 auto;
}

#sdk .txt {
  line-height: 1.6;
  text-shadow: #000 0 0px 8px;
}

#sdk .txt p {
  padding-bottom: 25px;
}

#sdk .txt .note {
  color: #eee;
  font-style: italic;
  font-size: 80%;
}

#sdk .btdw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 35px;
}

#sdk .btdw a {
  width: 50%;
  text-align: center;
  color: #fff;
  padding: 15px;
}

#sdk .btdw a:hover {
  background: rgba(255, 255, 255, 0.2);
  border: #fff 1px solid;
  border-radius: 15px;
}
/*# sourceMappingURL=download.css.map */