/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/*******************/

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


#content {
max-width: 640px;
margin: 0 auto;
margin-top: 20px;
}

.box-title {
font-size: 30px;
margin-bottom: 10px;
}

.box {
color: white;
padding: 15px;
float: left;
margin-bottom:10px;
box-shadow:0px 1px 2px #ddd;
overflow:hidden;
cursor:pointer;
transition-property:all;
transition-duration:.3s;
-webkit-transition-property:all;
-webkit-transition-duration:.3s;
}

a {
  float:left;
}

.box:hover {
box-shadow:0px 1px 2px #000;
}

#content div {
margin-left:10px;
}


div.b1x1 {
height:150px;
width:150px;
}

.b2x1 {
height:150px;
width:310px;
}

.b2x2 {
height:310px;
width:310px;
}

.twitter {
background:url('twitter.png') no-repeat center #00acee;
background-size:200px;
}

.facebook {
background:url('facebook.png') no-repeat 60px 15px #3b5998;
background-size:70px;
}

.pinterest {
  background:url('pinterest.png') no-repeat center;
  background-size: 280px;
}

.linkedin {
background:url('linkedin.png') no-repeat center center #007bb6;
background-size:100px;
}

.me {
background:url('austinstyle.png') center center orange;
background-size:150px;
}

.instagram {
background: url('instagram.png') no-repeat center center #634d40;
background-size:200px;
}

.googleplus {
background:url('gplus.png') no-repeat center center #dd4c39;
background-size:150px;
}

.contact {
background:#ddd;
}

.resume {
background:#ddd;
}

.blog {
background:url('blog.png') no-repeat center center #007bb6;
background-size:185px;
}

#nav {
float: left;
margin-left: 20px;
margin-top: 20px;
position: fixed;
}

#nav a {
text-decoration: none;
font-size: 15px;
line-height: 25px;
color: #595959;
}

#nav a:hover {
color: #393939;
}

#nav a:active {
color: #151515;
}

.shopify img {
  width:100%;
}