.fa-file-pdf-o,.fa-file-image-o{font-size:15px;font-family:FontAwesome; color:#FFFFFF;
 background-color: rgba(0, 0, 0, 0.5);border:1px #9c331f solid;width:40px;height:40px;
line-height:40px;text-align:center}
.fa-file-pdf-o:before{content:"\f00e"}
.fa-file-image-o:before{content:"\f0a8";font-family:FontAwesome}
.grid {
    clear: both;
    list-style: outside none none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.grid figure {
    cursor: pointer;
    float: right;
    height: auto;
    margin: 2px 1%;
    max-height:80px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.grid figure figcaption {

    backface-visibility: hidden;
    color: #fff;
    font-size: 1.25em;
    padding: 2em;
    text-transform: uppercase;
}
.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.grid figure figcaption > a {
    font-size: 0;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap;
    z-index: 1000;
}
.grid figure h2 {
    font-weight: 100;
    word-spacing:0px;
    font-size:15px;
}
.grid figure h2, .grid figure p {
    margin: 0;
}
.grid figure p {
    font-size: 68.5%;
    letter-spacing: 1px;
    padding:0px;
    margin:0px;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background:#173744; border-radius: 100%; height:135px;
}

figure.effect-bubba img {
	opacity:;
	position:relative;
	display:block;
 height: auto;

 width:100%;
  max-width:100%;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.50);	
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding:0px;

	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}