body {
          background: #101118;
          color: #fff;
          margin: 0 auto;
          font-family: 'Open Sans', sans-serif;
          font-size: 18px;
        }
        img {
          vertical-align: middle;
        }
        .line-top {
          width: 100%;
          height: 5px;
          background: linear-gradient(to left, #00a4bd, #8a42a5);
          left: 0;
        }
        .container {
          display: flex;
          width: 910px;
          margin: 0 auto;
          padding-right: 15px;
          padding-left: 15px;
          line-height: .9;
        }
        .col-xs-6 {
          width: 50%;
          position: relative;
          min-height: 1px;
          display: flex;
          flex-direction: column;
          padding-right: 15px;
          padding-left: 15px;
        }
        .row {
          margin-right: -15px;
          margin-left: -15px;
        }
        .main-content {
          margin: 5% auto;
        }
        h1 {
          font-family: "formation_sans", sans-serif;
          font-size: 50px;
          text-transform: uppercase;
          margin: 10px 0 20px;
          letter-spacing: 5px;
        }
        ul, ol {
          margin: 0;
          padding: 0;
          list-style: none;
          margin-bottom: 20px
        }
        ul > li {
          padding: 10px 0;
          text-transform: uppercase;
        }
        .btn {
          display: inline-block;
          padding: 8px 20px;
          margin-bottom: 0;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.42857143;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          -ms-touch-action: manipulation;
          touch-action: manipulation;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          background-image: none;
          border-radius: 4px;
        }
        .btn-home {
          background: #bb84ff;
          background: -moz-linear-gradient(top, #bb84ff 0%, #8949ad 50%, #6b158e 51%, #6b158e 100%);
          background: -webkit-linear-gradient(top, #bb84ff 0%,#8949ad 50%,#6b158e 51%,#6b158e 100%);
          background: linear-gradient(to bottom, #bb84ff 0%,#8949ad 50%,#6b158e 51%,#6b158e 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb84ff', endColorstr='#6b158e',GradientType=0 );
          color: #fff;
          font-size: 18px;
          text-decoration: none;
        }
        .btn-home:hover, .btn-home:active {
          background: #00fffc;
          background: -moz-linear-gradient(top, #00fffc 0%, #0090cf 50%, #0060b2 51%, #007ce2 100%);
          background: -webkit-linear-gradient(top, #00fffc 0%,#0090cf 50%,#0060b2 51%,#007ce2 100%);
          background: linear-gradient(to bottom, #00fffc 0%,#0090cf 50%,#0060b2 51%,#007ce2 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffc', endColorstr='#007ce2',GradientType=0 );
        }
        .footer {
          width: 100%;
          background: #151720;
          padding: 20px 0;
          position: fixed;
          bottom: 0;
        }
        .img-responsive {
          display: block;
          height: auto;
          max-width: 100%;
        }
        .img-center {
          margin:0 auto;
        }
        .flex {
          display: flex;
          justify-content: center;
          align-items: center;
        }