/*
  Styles for complete-ai.
  Latest modified: 2018-11-14 13:40
*/
/* Overwrite top bar: */
.complete-ai header {
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0px 2px 20px rgba(0,0,0,.1);
}
.complete-ai .glb-navlink {
  color:#333;
}

.ai-list {
  margin:80px auto 150px;
  width:1000px;
}
.art-item {
  margin:0 0 40px;
}
.art-banner {
  display:block;
  margin:0 50px 0 0;
  float:left;
  width:180px;
}
.art-infos {
  float:right;
  width:760px;
  padding:40px 0 0;
}
.art-title {
  margin:0 0 27px;
  font-size:22px;
  color:#2361ad;
}
.art-descr {
  font-size:14px;
  line-height:24px;
  color:#333;
}
.art-descr a {
  color:#2361ad;
}
.art-descr a:hover {
  text-decoration:underline;
}

/* ================================ */
/* ========== In Mobiles ========== */
/* ================================ */
@media (max-width:768px) {
  .complete-ai header {
    background:#fff;
  }
  .ai-list {
    margin:120px auto 60px;
    width:320px;
  }
  .art-item {
    margin:0 0 50px;
  }
  .art-banner {
    margin:0 0 0 -10px;
    width:90px;
  }
  .art-infos {
    padding:0;
    width:220px;
  }
  .art-title {
    margin:0 0 17px;
    font-size:18px;
  }
  .art-descr {
    font-size:12px;
    line-height:20px;
  }
}