/* 
 * Reset styles 
 */
address { font-style: normal; }

h1,h2,h3,h4,h5,h6 {
  font-family: "Roboto Light",Arial,sans-serif;
  font-weight: normal;
}

/* 
 * Socicon, adjust font 
 */
.social .btn-floating i {
  font-size: 1.4rem;
}

/* 
 * Materialize
 */
.hover-underline:hover {
  text-decoration: underline;
}
.btn-anchored {
  margin-top: -20px;
}
.btn-anchored.btn-large {
  margin-top: -30px;
}

/* 
 * Website style
 */

/* Social links */
header .social a { margin-left: 10px; }
footer .social a { margin-right: 10px; }

header .section {
  padding-bottom: 2rem;
}

/* Cards */
.card h4 {
  margin-top: 0;
}
.card .card-content .card-title {
  line-height: 1.2;
}
.card .btn-anchored {
  margin-right: 15px;
}
.card .keywords ul {
  margin-bottom: 0px;
}
.card .card-action {
  padding: 10px 20px;
}

/* Android projects */
#android-projects-container .thumb {
  min-height: 180px;
}
#android-projects-container .thumb a {
  width: 100%;
}

#android-projects-container .thumb img {
  padding: 20px;   
  margin: 0 auto;
  display: block;
  max-width: 256px;
  width: 100%;
}

/* Skills */
#android-doc-links a {
  color: rgba(0,0,0,0.6);
}

/* Web projects */
#web-projects-container .thumb {
  padding-left: 10px;
  padding-bottom: 5px;
  max-width: 30%;
}
#web-projects-container img {
  max-width: 100%;
}
#web-projects-container .card .card-title {
  font-size: 20px;
}

/*
 * Details page
 */
.details h1 {
  font-size: 3.56rem;
}
.details .thumb {
  margin-top: 15px;
  height: 256px;
  text-align: center;
}
.details .thumb img {
  width: 100%;
  max-width: 256px;
}
.details .screenshots img {
  max-width: 100%;
  min-width: 200px;
  min-height: 200px;
}
.details .links a {
  margin: 0 10px 10px 0;
}
.details .screenshots {
  min-height: 400px;
}
#back-btn {
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 9;
}

/**
 * Devices
 */
.devices .card-panel img {
    background: #fff;
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
}

/*
 * Common footer 
 */
footer.section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Contact */
footer address a { 
  color: inherit; 
}
#photo-me {
    width: 64px;
    height: 64px;
}
#ic-social { padding-top: 4px;}

/* 
 * Social networks colors 
 */
.color-android,    .color-android:hover    { background-color: #9c0; }
.color-linkedin,   .color-linkedin:hover   { background-color: #007FB1; }
.color-gitlab,     .color-gitlab:hover     { background-color: #fca121; }
.color-googleplus, .color-googleplus:hover { background-color: #fc6d26; }
.color-play,       .color-play:hover       { background-color: #09c; }
.color-twitter,    .color-twitter:hover    { background-color: #00ACED; }

/* 
 * Responsive 
 */
@media only screen and (max-width: 600px) {
  footer .row .col.s12 {
/* similar to s12 */
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 993px) {
  .container { width: 90%; }
}
@media only screen and (min-width: 1500px) {
  .container { width: 70%; }
}