/*-------------------- Index ---------------------*/

.index-header {
    background-image:url(../img/index/header-texture.svg);
    background-size:cover;
    padding-top:14.5rem;
}

.index-header .textbox {margin:3rem 4rem 0 0rem;}
@media (min-width: 768px) {.index-header .textbox {margin:0rem 4rem 0 5rem;}}

.index-header .textbox h1 {margin:1.5rem 0;}

.index-header .textbox p {margin:2rem 0 3rem 0;}
@media (min-width: 768px) {.index-header .textbox p {margin:1.5rem 0;}}

.index-header .imgbox img {width:100%; height:auto; margin-right:2rem;}

@media (min-width: 768px) {.index-header .imgbox img {height:46.5rem; width:auto; margin-right:2rem;}}



/*--------------------- About ----------------------*/

.page--about .sec-header {background-position: center top;}

.page--about .cta {margin-top:0;}

.page--about .partner h2 {width:90%;}
@media (min-width: 768px) {.page--about .partner h2 {width:70%;}}

.page--about .partner p {width:95%;}
@media (min-width: 768px) {.page--about .partner p {width:85%;}}

/*-- Team --*/

.team {margin-top:10rem;}

.team .title {margin-bottom:5rem;}

.team .thumbnail {margin-bottom:5rem;}

.team .thumbnail img {width:100%; height:auto; margin-bottom:2rem;}

.team .thumbnail h3, .team .thumbnail h5 {margin-bottom:1.5rem;}

.team .thumbnail h5 {color:var(--tan);}

.team .thumbnail p {font-size:1.7rem; text-align:justify;}
@media (min-width: 768px) {.team .thumbnail p {font-size:1.4rem;}}


/*-- Our Story--*/

.story {
    background-color:var(--pale);
    margin-top:5rem;
    padding:8rem 0;
}

.story .tile h2 {margin:1.2rem 0;}

.story .tile p {text-align:justify;}


/*-------------------- Contact ------------------*/

.page--contact .sec-header {background-position: center bottom;}

.page--contact .sec-header p {width:70%;}
@media (min-width: 768px) {.page--contact .sec-header p {width:40%;}}

/*-------------------- Careers ------------------*/

.page--careers .sec-header {background-position: right bottom;}

/*-------------------- Transformations ------------------*/

.page--tranformations .sec-header {background-position: right bottom;}

.page--tranformations .services {background-color:#F8F8F7; padding-top:8rem; margin-top:5rem;}

.page--tranformations .cta {margin-top:0;}

.page--tranformations .partner {margin-top:0;}

/*--- Project Tiles --*/

.project-tiles {margin:10rem auto 5rem auto;}

.project-tiles .tile {margin-bottom:5rem;}

.project-tiles img {width:100%; height:auto;}

.project-tiles h3 {font-size:3rem;}
@media (min-width: 768px) {.project-tiles h3 {font-size:2.1rem;}}

.project-tiles p {font-size:1.7rem; margin:1rem auto;}
@media (min-width: 768px) {.project-tiles p {font-size:1.2rem;}}

.project-tiles .tile a {
    font-family: 'Gothic Extra Bold', sans-serif;
    color:var(--black);
    font-size:1.7rem; 
    text-decoration:underline;
}

@media (min-width: 768px) {.project-tiles .tile a {font-size:1.3rem; }}

.project-tiles .tile a:hover, .project-tiles .tile a:active {color:var(--tan); transition:.3s;}

/*-- Individual Projects ---*/

/*-- Headers --*/

.page--tp-name .project-header {background-image: url(../img/transformations/name/header.png);}


/*---------------- Services ----------------*/

/*-- Home Additions --*/

.page--sha .service-header .textbox h1 {font-size:5rem;}
@media (min-width: 768px) {.page--sha .service-header .textbox h1 {font-size:7rem;}}

.page--sha .service-header .textbox h4 {font-size:1.6rem;}

/*-- Outdoor Spaces --*/

.page--sos .service-header .textbox h1 {font-size:5rem;}
@media (min-width: 768px) {.page--sos .service-header .textbox h1 {font-size:7rem;}}

.page--sos .service-header .textbox h4 {font-size:1.6rem; margin-top:1rem;}


/*-- Commercial Services --*/

.page--scs .service-header {background-image:url(../img/services/commercial-services/bkgd-texture.png);}

.page--scs .service-header{color:#fff;}

.page--scs .service-header .textbox h1 {font-size:5rem; font-weight:500;}
@media (min-width: 768px) {.page--scs .service-header .textbox h1 {font-size:8rem;}}

.page--scs .service-header .textbox h4 {font-size:1.5rem; margin-top:1rem;}