/* Author: Luke Greenaway */
/* Stylesheet for project configuration */
/* Grid & Layout
=================================================== */
/* Colours 
=================================================== */
/* White */
/* Base */
/* Med-Dark */
/* Dark */
/* Black */
/* Brand Colours */
/* Magenta */
/* Blue */
/* Yellow *//* Author: Luke Greenaway */
/* Stylesheet for Enhancements */
/* Generic Styles
=================================================== */
/* Inline Block */
/* Typography
=================================================== */
/* Font-face */
/* Font Size */
/* Line Height */
/* Anti Aliasing */
/* Wrap Words */
/* Hide Text */
/* CSS3
=================================================== *//* Opacity */
/* Border Radius */
/* Background Cover */
/* RGBA */
/* Rotate */
/* Box Shadow */
/* Transform */
/* Horizontal Gradient */
/* Flex Box */
/* Box Sizing */
/* CSS3 Transitions
=================================================== *//* Animate Background Colour */
/* Author: Luke Greenaway */
/* Stylesheet for screen widths >= 1024px */
/* Header
=================================================== */
header {
  margin-bottom: 0;
}
header .logo a {
  width: 250px;
}
/* Generic Content
=================================================== */
/* Gallery */
.work section .grid-item {
  width: 30.93%;
}
.work section .grid-item.full {
  width: 97.6%;
}
/* Screen Widths >= 768px */
@media only screen and (min-width: 1025px) {
  /* Grid Items */
  .grid-item {
    margin-top: 2.4%;
    /* Hover Effects */
  
  }
  .grid-item .overlay {
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-opacity: 0;
  }
  .grid-item:hover .overlay {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-opacity: 1;
  }
  .grid-item:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -o-opacity: 0.85;
    opacity: 0.85;
    -webkit-opacity: 0.85;
    animation-name: flicker;
    animation-duration: .075s;
    animation-iteration-count: infinite;
    -webkit-animation-name: flicker;
    -webkit-animation-duration: .075s;
    -webkit-animation-iteration-count: infinite;
  }
}