/*-- Bootstrap Grid --*/
.container {
    max-width:95%;
    width:100%;
    padding-right:20px;
    padding-left:20px;
    margin-right:auto;
    margin-left:auto;
}

.container-fluid {
    max-width:100%;
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

.row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px;
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8, .col-85,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-85, .col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-85, .col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-85, .col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-85, .col-xl-9,.col-xl-auto {
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:1.5rem;
    padding-left:1.5rem;
}

.col {-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}
.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}

@media (min-width:300px){
    .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-sm-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}
    .col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

    .order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
    .order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
    .order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
    .order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
    .order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
    .order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
    .order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
    .order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
    .order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
    .order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
    .order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
    .order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
    .order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

    .offset-sm-0{margin-left:0}
    .offset-sm-1{margin-left:8.333333%}
    .offset-sm-2{margin-left:16.666667%}
    .offset-sm-3{margin-left:25%}
    .offset-sm-4{margin-left:33.333333%}
    .offset-sm-5{margin-left:41.666667%}
    .offset-sm-6{margin-left:50%}
    .offset-sm-7{margin-left:58.333333%}
    .offset-sm-8{margin-left:66.666667%}
    .offset-sm-9{margin-left:75%}
    .offset-sm-10{margin-left:83.333333%}
    .offset-sm-11{margin-left:91.666667%}
}

@media (min-width:768px){
    .col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-md-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}
    .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    
    .order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
    .order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
    .order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
    .order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
    .order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
    .order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
    .order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
    .order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
    .order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
    .order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
    .order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
    .order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
    .order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}
    
    .offset-md-0{margin-left:0}
    .offset-md-1{margin-left:8.333333%}
    .offset-md-2{margin-left:16.666667%}
    .offset-md-3{margin-left:25%}
    .offset-md-4{margin-left:33.333333%}
    .offset-md-5{margin-left:41.666667%}
    .offset-md-6{margin-left:50%}
    .offset-md-7{margin-left:58.333333%}
    .offset-md-8{margin-left:66.666667%}
    .offset-md-9{margin-left:75%}
    .offset-md-10{margin-left:83.333333%}
    .offset-md-11{margin-left:91.666667%}
}

@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}

@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}

/*-- Bootstrap Grid --*/

/*-- Breakpoints--*/
@media (min-width: 768px) {}
/*-- Breakponts --*/

/*--- Fonts ---*/
@font-face {font-family: "Garamond"; src: url("../fonts/EB-Garamond/EBGaramond-Regular.ttf");}
@font-face {font-family: "Garamond Medium"; src: url("../fonts/EB-Garamond/EBGaramond-Medium.ttf");}
@font-face {font-family: "Gothic Light"; src: url("../fonts/Gothic-A1/GothicA1-Light.ttf");}
@font-face {font-family: "Gothic"; src: url("../fonts/Gothic-A1/GothicA1-Regular.ttf");}
@font-face {font-family: "Gothic SemiBold"; src: url("../fonts/Gothic-A1/GothicA1-SemiBold.ttf");}
@font-face {font-family: "Gothic Bold"; src: url("../fonts/Gothic-A1/GothicA1-Bold.ttf");}
@font-face {font-family: "Gothic Extra Bold"; src: url("../fonts/Gothic-A1/GothicA1-ExtraBold.ttf");}
/*--- Fonts ---*/

/*-- Colors & Background Colors --*/
:root {
    --green: #6A7459;
    --tan: #C6AB7D;
    --pale: #E7E4D3;
    --black: #4B4D48;
    --white: #FFFFFF;
  }

.green {color:#6A7459 !important;}
.tan {color:#C6AB7D !important;}
.pale {color:#E7E4D3 !important;}

.green-bkgd {background-color:#6A7459 !important;}
.tan-bkgd {background-color:#C6AB7D !important;}
.pale-bkgd {background-color:#E7E4D3 !important;}
/*-- Colors & Background Colors --*/

/*-- Buttons --*/
.btn:link,
.btn:visited {
    display:inline-block;
    font-family:'Gothic Extra Bold', sans-serif;
    font-weight:700;
    padding:2rem 2.5rem;
    margin-right:1rem;
    margin-bottom:1rem;
    text-decoration:none; 
    font-size:1.9rem; 
    width:100%;
    text-align:center;
    box-shadow: 0px 3.38624px 7.61905px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {.btn:link, .btn:visited {font-size:1.5rem; padding:1rem 2rem; width:auto;}}
@media (min-width: 996px) {.btn:link, .btn:visited {font-size:1.3rem; padding:1rem 2rem;}}

    .btn:hover,
    .btn:active {transition:.2s;}

.btn-primary:link,
.btn-primary:visited {
    background-color:var(--tan);
    color:#fff;
}

    .btn-primary:hover,
    .btn-primary:active {color: #fff !important; background-color:var(--green);}

.btn-secondary:link,
.btn-secondary:visited {
    background-color:var(--green);
    color:#fff;
}

    .btn-secondary:hover,
    .btn-secondary:active {color: #fff !important; background-color:var(--tan);}
/*-- Buttons --*/

/*--Reusable Code--*/

::selection {background: var(--green); color:#fff;}

*,
*::after,
*::before {
margin:0 0;
padding:0 0;
-webkit-box-sizing: inherit;
        box-sizing: inherit;
outline:none;
}

html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-size:2.3vw;
    overflow-x:hidden !important;
    scroll-behavior: smooth;
}


@media (min-width: 768px) {html {font-size:.75vw;}}

body {
    line-height: 1.5;
    color:var(--black);
    font-size:1.6rem;
    background-color:#fff !important;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-family: 'Gothic', sans-serif;
    overflow:hidden;
}

sub {vertical-align: sub; font-size: 60%;}

.tc {text-align:center;}

.vc {display:flex; align-items:center;} /* Vertical Align*/

.d {display:none;}
    @media (min-width: 768px) {.d {display:inline-block;}}

.m {display:inline-block !important;}
    @media (min-width: 768px) {.m {display:none !important;}}


/*-- Headers & Paragraphs --*/

h1 {
   font-family:'Garamond', serif;
   font-size:3rem;
   line-height:1;
}

@media (min-width: 768px) {h1 {font-size:4.3rem;}}

h2 {
    font-family:'Garamond', serif;
    font-size:3.2rem;
    line-height:1;
    font-weight:500;
 }
 @media (min-width: 768px) {h2 {font-size:4rem;}}

h3 {
    font-family:'Garamond Medium', serif;
    font-weight:500;
    font-size:3.5rem;
    line-height:1;
 }
 @media (min-width: 768px) {h3 {font-size:2.7rem;}}


h5 {
    font-family:'Gothic Bold', serif;
    font-size:1.6rem;
    line-height:1;
    text-transform:uppercase;
 }

 @media (min-width: 768px) {h5 {font-size:1.4rem;}}

p {font-size:1.67rem; font-family: 'Gothic Medium', sans-serif;}
@media (min-width: 768px) {p {font-size:1.6rem;}}


/*-- Our Services --*/

.services {margin-top:10rem; padding-bottom:10rem;}

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

.services .tile {margin-bottom:7rem;}
@media (min-width: 768px) {.services .tile {margin-bottom:0rem;}}

.services .tile img {width:100%; height:auto;}

.services .tile h3 {margin:1rem 0;}

.services .tile p {font-size:1.6rem; margin-bottom:1rem;}
@media (min-width: 768px) {.services .tile p {font-size:1.3rem; margin-bottom:1rem;}}

.services .tile a {
    font-family: 'Gothic Extra Bold', sans-serif;
    color:var(--black);
    font-size:1.6rem; 
    text-decoration:underline;
    margin-bottom:1rem;
}
@media (min-width: 768px) {.services .tile a  {font-size:1.3rem;}}

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

/*-- Partner --*/

.partner {
    background-color:var(--green);
    padding:6rem 0 5rem 0;
    margin-top:10rem;
}

.partner .imgbox img {width:100%; height:auto; margin-left:0rem;}
@media (min-width: 768px) {.partner .imgbox img {width:90%; margin-left:3rem;}}

.partner .textbox {color:var(--white); margin-left:0rem; margin-top:4rem;}
@media (min-width: 768px) {.partner .textbox {margin-left:5rem; margin-top:0rem;}}

.partner .textbox h2 {
    margin:1.25rem 0;
    width:85%;
    line-height:1.1;
}

.partner .textbox p {margin:2rem 0 3rem 0; width:100%;}
@media (min-width: 768px) {.partner .textbox p {margin:1rem 0 1.5rem 0; width:83%;}}



/*--- Values ---*/

.values {margin-top:10rem;}

.values .textbox {padding:0 2rem 0 2rem; margin-bottom:5rem;}
@media (min-width: 768px) {.values .textbox {padding:0 5rem 0 3rem;  margin-bottom:0rem;}}

.values .textbox h2 {margin:1.5rem 0 2rem 0; font-weight:700;}

.values .textbox p {margin:1.5rem 0 2rem 0;}

.values .thumbnail {padding:3rem 0rem 2rem 0rem; border:none;}
@media (min-width: 768px) {.values .thumbnail {padding:3rem 1rem 2rem 1rem; border:var(--green) 1px solid;}}

.values img {height:8rem; margin-bottom:2rem;}

.values .thumbnail p {font-size:1.6rem; width:60%; margin:1rem auto;}
@media (min-width: 768px) {.values .thumbnail p {font-size:1.4rem; width:85%;}}


/*--- Testimonials ---*/

.testimonials {
    background-color:var(--pale);
    margin-top:10rem;
    padding:7rem 0;
}

.testimonials .title {margin-bottom:3rem;}

.testimonials .tile {margin-bottom:5rem;}
@media (min-width: 768px) {.testimonials .tile {margin-bottom:0rem;}}

.testimonials .tile p {
    font-family:'Garamond', serif;
    text-align:justify;
}

.testimonials .tile p span {
    font-family: 'Gothic Bold', sans-serif; 
    font-size:1.4rem;
}


/*-- Projects --*/

.projects {padding:8rem 0 8rem 0;}

.projects .title {margin-bottom:3rem; padding:.4rem;}

.projects .title h2 {margin:1.5rem 0; font-weight:700;}

.projects .title p {font-size:1.5rem;}

.projects .thumbnail {padding:.5rem; margin-bottom:5rem !important;}
@media (min-width: 768px) {.projects .thumbnail {margin:0 !important;}}

.projects .thumbnail .imgbox {overflow: hidden;}

.img-t-one,
.img-t-two,
.img-t-three {
    height:40rem;
    background-size:cover;
    
}

.img-t-one:hover,
.img-t-two:hover,
.img-t-three:hover {
    transform: scale(1.1);
    transition:.6s;
}


.projects .img-t-one {background-image:url(../img/reusable/services-home-additions.png);}
.projects .img-t-two {background-image:url(../img/reusable/services-kitchens.png);}
.projects .img-t-three {background-image:url(../img/reusable/services-outdoor-spaces.png);}

.projects .thumbnail h3 {margin:1rem 0;}
.projects .thumbnail p {font-size:1.6rem; margin-bottom:2rem;}
@media (min-width: 768px) {.projects .thumbnail p {font-size:1.4rem; margin-bottom:1rem;}}


.projects .thumbnail a {
    font-family: 'Gothic Extra Bold', sans-serif;
    color:var(--black);
    font-size:1.6rem; 
    text-decoration:underline;
    margin-bottom:1rem;
}

@media (min-width: 768px) {.projects .thumbnail a { font-size:1.3rem;}}

.projects .thumbnail a:hover, .projects .thumbnail a:active {color:var(--tan); transition:.3s;}


/*-- Our Process --*/

.process {margin-top:10rem;}

.process .title {margin-bottom:3rem; margin-left:0rem;}
    @media (min-width: 768px) {.process .title {margin-left:3rem;}}

.process .title h2 {margin:1.5rem 0;}

.process .thumbnail {padding:2rem 2rem;}
@media (min-width: 768px) {.process .thumbnail {padding:2rem 5rem;}}

.process .thumbnail.process-1 {border-right:none;}
@media (min-width: 768px) {.process .thumbnail.process-1 {border-right:var(--green) 1px solid;}}

.process .thumbnail.process-3 {border-left:none;}
@media (min-width: 768px) {.process .thumbnail.process-3 {border-left:var(--green) 1px solid;}}

.process .thumbnail span {
    font-family:'Garamond Medium', serif;
    font-weight:900;
    font-size:2.7rem;
    color:#42632A; 
}

.process .thumbnail h5 {margin:1rem 0;}

.process .thumbnail p {
    font-size:1.4rem;
    text-align:justify;
    margin-bottom:1rem;
}

.process .thumbnail a {
    font-family: 'Gothic Extra Bold', sans-serif;
    color:var(--black);
    font-size:1.3rem; 
    text-decoration:underline;
}


/*-- CTA --*/

.cta {margin-top:13rem;}

.cta .textbox {background-color:var(--pale); padding:5rem 5rem;}
@media (min-width: 768px) {.cta .textbox {background-color:var(--pale); padding:5rem 10rem;}}

.cta .textbox h3 {
    margin-bottom:2rem;
    font-family:'Garamond', serif;
    line-height:1;
    font-weight:500;
    font-size:5rem;
}

.cta .textbox p {
    margin-bottom:1.75rem;
    text-align:justify;
}

.cta .textbox a {
    margin-bottom:2rem;
    width:70%;
}

.cta .imgbox {
    background:url(../img/reusable/cta.png);
    background-size:cover;
}

.cta .textbox .phone {
    font-family: 'Gothic Extra Bold', sans-serif;
    color:var(--black);
    font-size:2rem; 
    text-decoration:underline;
    margin-bottom:1rem;
    text-decoration:none;
}

.cta .textbox .phone:hover, .cta .textbox .phone:active {color:var(--green); transition:.3s;}


/*---- Secondary Headers ----*/

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

@media (min-width: 768px) {.sec-header {margin-top:10rem;}}

.sec-header .textbox {padding:8rem 0;}

.sec-header .textbox h5 {width:80%; margin:auto;}
@media (min-width: 768px) {.sec-header .textbox h5 {width:100%;}}

.sec-header .textbox h1 {width:80%; font-size:5rem; margin:1.5rem auto 2rem auto;}
@media (min-width: 768px) {.sec-header .textbox h1 {width:100%;}}

.sec-header .textbox p {width:80%; margin:auto;}
@media (min-width: 768px) {.sec-header .textbox p {width:48%; margin:auto;}}


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

.contact {padding:5rem 0; background-color:#F8F8F7;}
@media (min-width: 768px) {.contact {padding:10rem 0;}}

.contact h2 {margin-bottom:2rem;}

.contact p {font-size:1.7rem;}
@media (min-width: 768px) {.contact p {font-size:1.5rem;}}

.contact .textbox {padding-left:1rem; margin-top:10rem;}
@media (min-width: 768px) {.contact .textbox {padding-left:10rem; margin-top:0rem;}}

.contact .textbox h5 {margin:2rem 0;}

.contact .textbox a {
    text-decoration:none;
    color:var(--black);
    font-family: 'Gothic Medium', sans-serif;
}


/*---------------- Transformations -- Individual Projects ---------------*/

.project-header {margin-top:8rem; overflow:hidden; background-size:cover;}
@media (min-width: 768px) {.project-header {margin-top:12rem;}}

/*-- Individual Projects --*/

.project-header .textbox {padding:18.9rem 0 22.9rem 0;}

.project-header .textbox h1 {font-size:6rem; margin-bottom:1.5rem;}

.project-header .textbox p {width:80%; margin:auto;}

/*-- Project Description --*/

.project-description {margin:10rem 0;}

.project-description .title h5 {margin-bottom:1.5rem;}

.project-description .title p {margin-bottom:5rem;}

.project-description .textbox p {font-size:1.7rem; text-align:justify;}
@media (min-width: 768px) {.project-description .textbox p {font-size:1.5rem;}}

/*-- Project Images --*/

.project-images {margin:10rem 0;}

.project-images .title h5 {margin-bottom:1.5rem;}


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

.service-header {
    background-image:url(../img/index/header-texture.svg);
    background-size:cover;
    padding:15.5rem 0 4rem 0;
}

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

.service-header .textbox h1 {margin:1.5rem 0 0 0; font-size:8rem;}

.service-header .textbox h4 {font-size:2rem; text-transform:uppercase;}

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

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

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

/*-- Service Description --*/

.service-description {margin:10rem 0;}

.service-description .imgbox img {width:90%; height:auto;}
@media (min-width: 768px) {.service-description .imgbox img {width:90%; height:auto; margin-left:3rem;}}

.service-description .textbox {margin:5rem 0 0 2rem;}
@media (min-width: 768px) {.service-description .textbox {margin:0 0 0 5rem;}}

.service-description .textbox h2 {width:100%; margin:1.5rem 0; font-size:3.5rem;}
@media (min-width: 768px) {.service-description .textbox h2 {width:80%; font-size:4rem;}}

.service-description .textbox p {width:100%; margin:2rem 0 3rem 0;}
@media (min-width: 768px) {.service-description .textbox p {width:92%; margin:1.5rem 0;}}