// Icon Set Node
// ----------------------------------
.node-icon-set {
	margin: 20px auto 40px;
  @media @tablet {
    margin: 40px auto 50px;
  }
  .field-icon {
    @media @tablet {
      width: 16.6%; 
      margin-bottom: 0;
    }
  }
	h2 {
		.font(blockTitle);
		margin: 0 0 25px;
		position: relative;
		span {
		  background: #fff;
		  padding: 0 10px;
		  position: relative;
		}	
		&:before {
		  content: " ";
		  width: 100%;
		  height: 1px;
		  display: block;
		  background: @pitt-gold;
		  position: absolute;
		  top: 6px;
		}	
	}
	.field-icon {
		float: left;
		text-align: center; 
		width: 100%;
		margin-bottom: 40px;
		font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
		@media @tablet {
  		width: 50%;
  		margin-bottom: 40px;  		
		}
		@media @desktop {
    	width: 25%;
    	margin-bottom: 40px;
		}
		@media @wide {
  		width: 25%;
  		margin-bottom: 40px;  		
		}
		a {
  		color: @pitt-blue;
  		&:hover {
    		color: @bright-blue;
  		}
		}				
		.icon_graphic {
			margin-bottom: 10px;
  		font-size: 40px;
  		font-size: 4.0rem;			
  		@media @tablet {
    		font-size: 60px;
    		font-size: 6.0rem;
  		}
  		@media @desktop {
    		font-size: 80px;
    		font-size: 8.0rem;
  		}
  		@media @wide {
/*
    		font-size: 100px;
    		font-size: 10.0rem;
*/
      }				
		}
	}
}
