.site-header {
    padding: 10px 0;
}

.page-header {
    height: 500px;
}

.page-header-content {  
    background-color: rgba(255, 255, 255, .86);
}

.page-header-subtitle {
    letter-spacing: 2px;
}

.x-dropcap {
    float: left;
    display: block;
    margin: 7px 0.275em 0 0;
    padding: 0.125em 0.275em 0.15em;
    font-size: 3.3em;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background-color: #333;
}

.site-navigation ul ul {
    width: 230px;
}

.project-thumbnail-image {
border: 3px solid rgba(0,0,0,.1);
	padding:5px;
}

.x-dropcap {
    float: left;
    display: block;
    margin: 0.1em 0.195em 0 0;
    padding: 0.125em 0.275em 0.15em;
    font-size: 55px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background-color: #ccc;
}

/* Use the following CSS code if you want to have a class per icon */
.page-content ul { padding-left:20px; list-style:none; }
.page-content li { margin-bottom:10px; }
.page-content li:before {    
    font-family: 'FontAwesome';
    content: '\f101';
    margin:0 5px 0 -15px;
	color:#ccc;
	font-size:18px;
	letter-spacing:2px
}

.page-content ul { padding-left:20px; list-style:none; }
.page-content li li { margin-top:5px; }
.page-content li li:before {    
    font-family: 'FontAwesome';
    content: '\f105';
    margin:0 5px 0 -15px;
}
.page-content li {
    margin-bottom: 10px;
    font-weight: 600;
}

.page-content li li {
	font-weight:normal;
}

.page-content h1, h2, h3, h4, h5, h6 {
  text-transform: none;
	font-weight:600;
}
.one_third {
    padding: 0 30px 0 5px;
}

.page-id-504 .site-main {
    width: 85%;
    margin: 50px auto 0 auto;
}

.page-id-504 .aligncenter {
	max-width:280px;
	margin-bottom:-20px
}

h3, h4 {
	letter-spacing:0px;
}

img.aligncenter {
    clear: both;
    margin-bottom: 20px;
    padding: 8px;
    border: solid 1px #888;
}

.page-id-504 img.aligncenter {
	border:none;
}

.post-content a, .widget_text a {
    color: #A9A9A9;
}

.why {
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	padding:5px 15px 5px 0;
	min-height:530px;
	border:1px solid #F5F5F5;
}
.why h3 {
	text-transform:uppercase;
}

.site-logo {
    max-width: 100px;
}

.page-header-title {
    font-size: 21px;
    letter-spacing: 7px;
}



.project-thumbnail-link {
    pointer-events: none;
}

.graybox {
	padding: 10px 20px 10px 20px;
	background: rgb(229,229,229);  
	border:1px solid #F5F5F5;
}


.tg-nav-under .tg-nav-font, .tg-nav-under input[type="text"].tg-search {
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
}


.tg-item {
	 padding: 10px;
   border: 3px solid rgba(0,0,0,.2);
  pointer-events:none !important;
}

.tg-item * {
	pointer-events:none;
}

.camberra .tg-item-link {
    pointer-events: none;
}

.tg-nav-bg-round .tg-nav-font, .tg-nav-bg-round input[type=text].tg-search {
    font-size: 11px !important;
    letter-spacing: 3px;
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
.page-header-content {
    width: 45%;
    padding: 40px 20px;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.page-header-content {
    width: 280px;
    padding: 40px 20px;
}
}