* {
    background-size: cover;
    background-position: center;
  }
  body {
    /* color: #666; */
    background-color: #FFF;
  }
  ul{
    margin:0; padding: 0px;
  }
  hr {
    clear: both;
  }
  .pad {
    padding: 20px;
  }

  .color {
    color: #0172ad;
  }

  .color-bg {
    background-color: #0172ad;

  }

  .white {
    color: #FFF;
  }

  .grey-bg {
    background-color: #F3F4F6;
  }

  .dark-bg {
    background-color: #333333;
  }

  .color-bg *,
  .dark-bg * {
    color: #FFF;
  }

  #banner {
    background-image: url(/media/pages/home.png);
    background-color: #0172ad;
  }

  #banner .outline,
  .color-bg .outline,
  .dark-bg .outline {
    border-color: #FFF;
    border-width: 2px;
    font-weight: bold;
  }

  section {
    min-height: 80vh;
  }

  .blog-item {
    width: 23%;
    min-width: 330px;
    min-height: 470px;
    margin: 1%;
    float: left;
    overflow: hidden;
  }
  .blog-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: block;
  }
  #footer {
    padding: 50px;
  }
  li {
    list-style-type:circle;
  }
  #footer li {
    list-style-type: none;
  }

  .text-right {
    text-align: right;
  }

  .text-center {
    text-align: center;
  }

  aside {
    width: 25%;
    float: right;
  }
  .main-column {
    width: 70%;
    float: right;
  }

  .tag {
    border-radius: 20px;
    border: 2px solid #999;
    background-color: #ccc;
    color: #666;
    font-size: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
  }


.desk {
    display: inline; 
}



@media only screen and (max-width : 640px) {

    .desk {
      display: none;
    }

    nav ul li a img { min-width: 50px; }
}