/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Grid*/

.container {
  position: relative;
  width: 100%;
  }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 100%; }
  .column,
  .columns {
    margin-left: ; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 16.5%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }
  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .one-half.column                { width: 48%; }
 }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

@media only screen and (max-width: 800px) and (min-width: 450px)  {
 .two.columns                    { width: 33.3%; }
}	 

.hc-tile {
background: #eeeeee;
height: 145px;	
padding: 0 15px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: pointer;
}

.hc-tile:hover {
background: #dddddd;	
}

.hc-tile img {
width: 74px;
display: block;
height: auto;
margin: 10px auto 0;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}

.hc-tile:hover > img {
-webkit-transform: scale(1.1);	
transform: scale(1.1);	
}

h4.hc-tile-title {
	font-size: 14px;
	color: #1b4383;
	margin-top: 10px;
	font-weight: 400;
	text-align: center;
	line-height: 1.3;
}