html {
   font-family: "Gothic A1", sans-serif;
  }
  body {
   background:#00f;
   background: linear-gradient(180deg, #fff 0%, #eee 10%, #ddd 80%, #88f 90%, #00f 100%);
  }
  h1 {
   border-bottom:1px solid #aaf;
   color:#008;
  }
  h2 {
   border-bottom:1px solid #aaf;
   color:#008;
   margin-bottom:0.25em;
  }
  h3 {
   color:#006;
  }
  .desc {
   font-size:90%;
   border:1px solid #ccc;
   margin:0.25em;
   padding:1em;
   border-radius: 15px;
   background:#fff;
  }
  .data {
      word-break: break-all;
  }
  .container {
   display:inline-block;
  }
  .w30 {
   width:30%;
   word-break: break-all;
  }
  .w45 {
    width:45%;
    word-break: break-all;
  }

@media screen and (min-width: 1280px) {
  .w-lg-45 {
    width:45%;
    word-break: break-all;
  }
}

@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 639px) {
}