body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
  background: #B0BEC5;
}
a {
  color: inherit;
}

.content-grid {
  max-width: 900px;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.content.mdl-layout .mdl-layout__content {
  padding: 60px 20px 0px 20px;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.content.mdl-layout .mdl-layout__content:after {
    content:"";
    display:block;
    height: 60px;
    clear:both;
    visibility:hidden;
}

.content .mdl-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /*min-height: 360px;*/
}
.content .mdl-card__media {
  box-sizing: border-box;
  background-size: cover;
  padding: 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  cursor: auto;
}
.content .mdl-card a {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}
.content .mdl-card__supporting-text {
  width: 100%;
  height: auto;
  padding: 16px;
  min-height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  box-sizing: border-box;
}
.content .mdl-card__supporting-text strong {
  font-weight: 400;
}
.content .mdl-card__supporting-text span {
  width: 100%;
}

.picture {
  min-height: 260px;
}
.picture .mdl-card__media {
  background-image: url('/images/self.png');
}

.social-links, .info {
  text-align: center;
}
.social-links .mdl-button {
  min-width: 24px;
  font-size: 24px;
}

.info .mdl-card__media {
  background-color: #3d4d57;
  background-size: contain;
  min-height: 100px;
}
.info .mdl-card__supporting-text > i.spacer {
  padding: 6px 0 6px 0;
}

.cv.mdl-card {
  /*text-align: center;*/
  background: url('/images/cv.png') center / cover;
  min-height: 256px;
}
.cv.mdl-card > .mdl-card__actions {
  padding: 24px;
  background: rgba(255, 255, 255, 0.8);

}
.cv.mdl-card > .mdl-card__actions > h3 {
  display: block;
  min-width: 100%;
  text-align: center;
}

.projects .mdl-card__media {
  background: #607D8B url("/images/github.png") no-repeat right center;
  background-size: 30%;
  background-position: 120% center;
}
.projects .mdl-grid {
  padding: 0;
}
.projects .mdl-card__media > h3{
  display: block;
  min-width: 100%;
  text-align: center;
}
.projects h5 {
  padding: 0;
  margin:  0;
  text-align: center;
}
.projects .list-separator {
  border-right: 1px solid rgba(0,0,0,.1);
  width: 0px;
}
.projects .mdl-cell:last-of-type {
  width: calc(50% - 17px);
}
.projects .mdl-cell ul.project-list {
  padding: 0;
  margin:  0;
  padding-top: 16px;
  text-align: justify;
}
.projects .mdl-cell:first-of-type ul.project-list > li {
  padding: 8px 16px 8px 8px;
}
.projects .mdl-cell:last-of-type ul.project-list > li {
  padding: 8px 8px 8px 16px;
}
.projects .mdl-cell ul.project-list > li {
  height: auto;
  text-align: justify;
  padding-top: 4px;
  padding-bottom: 4px;
}
.projects .mdl-cell ul.project-list > li span {
  height: auto;
  text-align: justify;
}

.footer {
  min-height: 0px;
  text-align: center;
}
.footer > .mdl-card__supporting-text {
  padding: 8px
}


/* Adapt layout padding when small screen */
@media (max-width: 960px) {
  .content.mdl-layout .mdl-layout__content {
    padding: 20px 20px 0px 20px;
  }
  .content.mdl-layout .mdl-layout__content:after {
    height: 20px;
  }
}
/* Mobile Sepcific Fixes */
@media (max-width: 479px) {
  .projects .list-separator {
    border-right: 0px;
  }
  .projects .mdl-cell:last-of-type {
    width: calc(100% - 16px);
  }
  .projects .mdl-card__media > h3{
    text-align: left;
  }
  .projects h5 {
    text-align: left;
  }
  .projects .mdl-cell:first-of-type ul.project-list > li {
    padding: 8px;
  }
  .projects .mdl-cell:last-of-type ul.project-list > li {
    padding: 8px;
  }
  .cv.mdl-card > .mdl-card__actions > h3 {
     text-align: left;
  }
}
/* Tablet Sepcific Fixes */
@media (max-width: 839px) {

}
/* Desktop Specific Fixes */
@media (min-width: 840px) {
  /* Align 1st Project & Contribution in the list */
  .projects .project-list .gogs > .mdl-list__item-primary-content {
    height: 74px;
  }
}