.site-header-mobile{
	background-color: #2e2915;
    height: auto;
	padding-top: 3em;
	padding-bottom: 3em;
	text-align:center;
}

.site-header{
	background-color: #2e2915;
    height: auto;
	padding-top: 3em;
	padding-bottom: 3em;
	text-align:center;
}

.logo img{
	width: 75%;
}

.navigation {
    font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	letter-spacing:.02em;
	font-weight: 600;
}

.navigation ul {
    list-style-type: none;
}

.navigation li {
	display: inline-block;
	padding-left: 10%;
	padding-right: 10%;
    padding-top: 20%;
	padding-bottom: 0%;
	margin-bottom: 0 !important; /* overwrite skeleton default */
}

.navigation li a {
    text-decoration: none;
	color: #f9eec9;
}

.navigation li a:hover {
	text-decoration: none;
	color:#d8c48e;
}







.home-banner{
	background-image:url(../images/tripleh-home-banner.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height:auto;
	padding-top:4em;
	padding-bottom:4em;
	text-align: center;
	letter-spacing:.02em;
}

.projects-banner{
	background-image:url(../images/tripleh-projects-banner.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height:auto;
	padding-top:4em;
	padding-bottom:4em;
	text-align: center;
	letter-spacing:.02em;
}

.products-banner{
	background-image:url(../images/tripleh-products-banner.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height:auto;
	padding-top:4em;
	padding-bottom:4em;
	text-align: center;
	letter-spacing:.02em;
}

.contact-banner{
	background-image:url(../images/tripleh-contact-banner.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height:auto;
	padding-top:4em;
	padding-bottom:4em;
	text-align: center;
	letter-spacing:.02em;
}

.banner-text{
	color: #fff;
	font-size: 1.5em;
}








.main-content{
	padding-top:4em;
	padding-bottom:4em;
	text-align: center;
	letter-spacing:.02em;
}
	
.header{
	color: #2d2a1a;
	font-size: 1.4em;
	font-weight:700;
}

.body{
	color: #2d2a1a;
	font-size: 1em;
}

.body a{
	color: #2d2a1a;
}

.body a:hover{
	color:#7c7770;
}

.center-text{
	text-align:center;
}





.services-banner{
	background-image:url(../images/tripleh-services-banner.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height:auto;
	padding-top:4em;
	padding-bottom:4em;
	text-align: center;
	letter-spacing:.02em;
}

.service-content{
	padding-top:4em;
	padding-bottom:4em;
	letter-spacing:.02em;
}








.three-boxes{
	text-align: center;
	letter-spacing:.02em;
}



.box {
	border: 1px solid #e1e1e1;
	border-radius: 5px;	
	margin-top:-10px;
}

.box-p1{
	font-size:1.2em;
	padding-top:1em;
	color:#2d2a1a;	
	font-weight:700;
	margin-bottom:0;
	padding-left:1em;
	padding-right:1em;
}

.box-p2{
	font-size:.8em;
	color:#7c7770;	
	padding-left:1em;
	padding-right:1em;
}

.box-p2 a{
	color:#7c7770;
	font-weight: 700;
	text-decoration:none;
}

.box-p2 a:hover{
	color: #8f7f4c;
	font-weight: 700;
	text-decoration:none;
}








.feature-projects{
	padding-top:4em;
	padding-bottom:4em;
	text-align: center;
	letter-spacing:.02em;
}

.feature-header{
	color: #2d2a1a;
	font-size: 1.5em;
	font-weight:700;
	padding-top:2em;
}

.feature-p1{
	font-size:1.2em;
	color:#2d2a1a;	
	font-weight:700;
	margin-bottom:0;
	padding-left:1em;
	padding-right:1em;
	line-height: 1.2em;
}

.feature-p2{
	font-size:.8em;
	color:#7c7770;	
	padding-left:1em;
	padding-right:1em;
}










.footer{
	background-color: #2e2915;
    height: auto;
	padding-top: 1em;
}

.footer-body{
	color: #fff;
	font-size: .6em;
	text-align:left;
}

.footer-body a{
	text-decoration: none;
	color: #f9eec9;
}

.footer-body a:hover{
	text-decoration: none;
	color:#d8c48e;
}







/* MOBILE MOBILE MOBILE 
-------------------------------------------------------------------
------------------------------------------------------------------- 
------------------------------------------------------------------- */


/*ORANGE */
@media (min-width: 100px) and (max-width: 549px){
/*.site-header-mobile {
   background-color: ORANGE;
   padding-top:2em;
   padding-bottom:2em;
}*/

.site-header{
	display:none;
}

.logo img{
	text-align:center;
	width: 50%;
}

.home-banner {
	padding-top: 2em;
	padding-bottom: 2em;
}

.banner-text{
	font-size:1.3em;
}

.main-content{
	padding-top:2em;
	padding-bottom:0em;
}

.header {
	font-size:1em;
}

.body {
	font-size:.8em;
}

.box-whole{
	width:100% !important;
	margin:2em 0em 0em 0em;
}

.box-whole img{
	width:100% !important;
}

.feature-whole{
	width:100% !important;
	margin:2em 0em 0em 0em;
}

.trophy-icon{
	text-align:center;
	width:50% !important;
}

.lines{
	width:25% !important;
}

.service-image{
	width:70% !important;
	margin-left:0;
	text-align:center;
}

.service-text{
	width:100% !important;
	margin-left:0;
}

}





/*RED */
@media (min-width: 550px) and (max-width: 599px){
/*.site-header-mobile {
   background-color: red;
   padding-top:2em;
   padding-bottom:2em;
}*/

.site-header{
	display:none;
}

.logo img{
	text-align:center;
	width: 50%;
}

.home-banner {
	padding-top: 2em;
	padding-bottom: 2em;
}

.banner-text{
	font-size:1.3em;
}

.main-content{
	padding-top:2em;
	padding-bottom:0em;
}

.header {
	font-size:1em;
}

.body {
	font-size:.8em;
}

.box-whole{
	width:100% !important;
	margin:2em 0em 0em 0em;
}

.box-whole img{
	width:100% !important;
}

.feature-whole{
	width:100% !important;
	margin:2em 0em 0em 0em;
}

.trophy{
	width:100% !important;
}

.trophy img{
	text-align:center;
	width:100% !important;
}

.service-image{
	width:70% !important;
	margin-left:0;
	text-align:center;
}

.service-text{
	width:100% !important;
	margin-left:0;
}

.contact-block{
	width:100% !important;
	margin:0;
}

}


/*PINK - START OF MOBILE MENU*/
@media (min-width: 600px) and (max-width: 849px){
/*.site-header-mobile {
   background-color: pink;
}*/

.site-header{
	display:none;
}

.logo img{
	text-align:center;
	width: 30%;
}

.main-content{
	padding-bottom:1em;
}

.box-whole{
	width:100% !important;
	margin:2em 0em 0em 0em;
}

.box-whole img{
	width:100% !important;
}

.feature-whole{
	width:50% !important;
	margin:2em 0em 0em 0em;
}

.feature-whole img{
	width:75% !important;
}

.trophy-icon img{
	width:100% !important;
}
	

}




/*PURPLE*/
@media (min-width: 850px) and (max-width: 1000px){
/*.site-header {
   background-color: purple;
}*/

.navigation {
	font-size:.85em;
}

.site-header-mobile{
	display:none;
}


}





/* GREEN*/
@media (min-width: 1001px) and (max-width: 1200px){
/*.site-header {
   background-color: green;
}*/

.site-header-mobile{
	display:none;
}



}


/*BLUE */
@media (min-width: 1200px){
/*.site-header {
   background-color: blue;
}*/

.site-header-mobile{
	display:none;
}


}