glittergallery/GlitterGallery

@media screen and (min-width: 0em){
  body{
    article.user{
      section.bio, section.social{
        padding:0;
        div{
          padding:0;
          img{
            width: 100%;
            height: auto;
          }
        }
      }
      section.social{
        div{
          @include center;
          font-size: 0.9em;
          div{
            padding: 1em 0;
            text-align: center;
            a{
              text-decoration: none;
              color: $map_blue;
            }
          }
          .active, div:hover{
              background-color: $dark_geometry_gray;
              font-weight: 700;
            a{
              color:$map_blue;
            }
          }
        }
      }
    }
  }
}

@media screen and (min-width: 20em){
  body{
    article.user{
      section.social{
        div{
          div{
              @include span(1/3);
              border-bottom: solid 0.25em red;
            p{
              text-align: center;
            }
          }
          .active, div:hover{
            border-bottom: solid 0.25em $map_blue;
          }
        }
      }
    }
  }
}