/*-- 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 --*/

/*--- Color & Font Variables ---*/
:root {
    --black: #25201F;
    --green: #2B623C;
    --light-green: #8DC53F;
    --pale: #F7F7F7;
    --white: #FFFFFF;
  }

@font-face {font-family: "Instrument"; src: url("../fonts/instrument/static/InstrumentSans-Regular.ttf");}
@font-face {font-family: "Instrument Medium"; src: url("../fonts/instrument/static/InstrumentSans-Medium.ttf");}
@font-face {font-family: "Instrument SemiBold"; src: url("../fonts/instrument/static/InstrumentSans-SemiBold.ttf");}
@font-face {font-family: "Instrument Bold"; src: url("../fonts/instrument/static/InstrumentSans-Bold.ttf");}
/*--- Color & Font Variables ---*/


/*-- Buttons --*/
.btn:link,
.btn:visited {
    display:inline-block;
    font-family:'Instrument SemiBold', sans-serif;
    font-weight:700;
    padding:2rem 2.5rem;
    margin:auto;
    text-decoration:none; 
    font-size:1.9rem; 
    width:90%;
    text-align:center;
    border-radius: 5rem;
}

@media (min-width: 768px) {.btn:link, .btn:visited {font-size:1.4rem; padding:1.2rem 2rem; width:auto;}}

    .btn:hover,
    .btn:active {transition:.2s;}

.btn-primary:link,
.btn-primary:visited {
    background-color:var(--green);
    color:var(--white);
    border:var(--light-green) solid  3px;
}

    .btn-primary:hover,
    .btn-primary:active {color:var(--white) !important; background-color:var(--light-green);}

.btn-secondary:link,
.btn-secondary:visited {
    background-color:#ffffff00;
    color:var(--green);
    border:var(--green) solid  3px;
}

    .btn-secondary:hover,
    .btn-secondary:active {color:var(--white) !important; background-color:var(--green); color:var(--white);}
/*-- Buttons --*/

/*--Reusable Code--*/

*,
*::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:#25201F;
    background-color:var(--white) !important;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-family: 'Instrument Medium', 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;}}

.hide {display:none !important;}

a {text-decoration:none;}


/*-- Headers --*/

h1 {font-size:3.5rem; line-height:1.3;}
@media (min-width: 768px) {h1 {font-size:5rem; line-height:1.3;}}

h2 {font-size:3.3rem; letter-spacing:.1rem; line-height:1.3;}
@media (min-width: 768px) {h2 {font-size:4.7rem; letter-spacing:.1rem;}}

h3 {font-size:3rem; line-height:1.3;}
@media (min-width: 768px) {h3 {font-size:3.8rem;line-height:1.2;}}

h4 {font-size:2.5rem; line-height:1.3;}
@media (min-width: 768px) {h4 {font-size:2rem; line-height:1.2;}}

h5 {font-size:2rem; color:var(--light-green)}
@media (min-width: 768px) {h5 {font-size:2.4rem;}}

p {font-size:2rem;}
@media (min-width: 768px) {p {font-size:1.8rem;}}



/*-- Component: Who We Are --*/

.company {margin-bottom:0;}

    .company .imgbox img {width:100%; margin-bottom:3rem;}
    @media (min-width: 768px) {.company .imgbox img {width:90%; margin-bottom:0}}

    .company .textbox h3 {margin:1rem auto;}

    .company .textbox p {width:100%; margin-bottom:1.5rem;}
    @media (min-width: 768px) {.company .textbox p {width:85%;}}

    .company .listbox ul {list-style:none; margin-bottom:0rem;}
    @media (min-width: 768px) {.company .listbox ul {margin-bottom:2rem;}}

        .company .listbox ul li {font-size:2rem; margin-bottom:.5rem;}
        @media (min-width: 768px) {.company .listbox ul li {font-size:1.8rem; margin-bottom:.25rem;}}

            .company .listbox ul li img {height:1.8rem; margin-right:1rem;}
            @media (min-width: 768px) {.company .listbox ul li img {height:1.5rem;}}

    .company a {margin:3rem auto 0 auto !important; width:100% !important;}
    @media (min-width: 768px) {.company a {margin:0rem 1.5rem 0 auto !important; width:auto !important;}}

    
    .company .logos {margin:10rem 0;}
    @media (min-width: 768px) {.company .logos {margin:5rem;}}

    .company .logos img {margin-bottom:8rem;}
    @media (min-width: 768px) {.company .logos img {margin-bottom:5rem;}}

    .company .logos .img-1, .company .logos .img-2 {width:90%;}

    .company .logos .img-3 {height:20rem;}
    @media (min-width: 768px) {.company .logos .img-3 {height:15rem;}}

    .company .logos .img-4 {height:4.5rem;}


    /*-- Component: CTA --*/

    .banner-cta {position:relative;}

    .banner-cta img {position:absolute; top:0; left:0; width:100%; height:auto;}

    .banner-cta .textbox {padding:30rem 4rem 10rem 4rem;}
    @media (min-width: 768px) {.banner-cta .textbox {padding:10rem 0 11.5rem 15rem;}}

    .banner-cta h2 {color:var(--black); line-height:1.1; font-size:3.2rem;}
    @media (min-width: 768px) {.banner-cta h2 {color:var(--white); line-height:1.1; font-size:4.7rem;}}

    .banner-cta p {margin:1.5rem auto 2rem 0; color:var(--black); width:100%;}
    @media (min-width: 768px) {.banner-cta p {margin:1.5rem auto 2rem 0; color:var(--white); width:90%;}}

    .banner-cta a {width:100% !important;}
    @media (min-width: 768px) {.banner-cta a {width:auto !important;}}


    /*-- Component: Testimonials --*/

    .testimonials {padding:0rem 2rem 5rem 2rem;}
    @media (min-width: 768px) {.testimonials {padding:0rem 5rem 5rem 5rem;}}

    .testimonials .title {margin-bottom:4rem;}

    .testimonials .tile {padding:2rem 3rem; margin:1rem;}

    .testimonials h5 {font-size:6rem; font-family:'Instrument', sans-serif;}

    .testimonials .t-green {background-color:var(--green);}

    .testimonials .t-green h4 {color:var(--light-green); font-size:2.5rem; margin-top:-3.5rem;}

    .testimonials .t-lightgreen h4 {color:var(--green); font-size:2rem; margin-top:-3.5rem;}

    .testimonials .t-green p, .testimonials .t-lightgreen p {color:var(--white); margin:1rem auto; font-size:1.5rem}

    .testimonials .t-lightgreen {background-color:var(--light-green)}

    /*-- Component: Process --*/

    .process {background-color:var(--pale); padding:10rem 0 13rem 0;}

        .process .title h2 {padding:0 0 5rem 2rem;}
        @media (min-width: 768px) {.process .title h2 {padding:0 0 5rem 11rem;}}

        .process img {width:70%; height:auto; margin-bottom:5rem;}
        @media (min-width: 768px) {.process img {width:50%; height:auto;}}

        .process .textbox h3 {margin:1.5rem auto; padding-right:2rem;}
        @media (min-width: 768px) {.process .textbox h3 {margin:1.5rem auto; padding-right:15rem;}}

        .process .textbox p {margin-bottom:2.5rem; padding-right:2rem;}
        @media (min-width: 768px) {.process .textbox p {margin-bottom:1.5rem; padding-right:12rem;}}

    
    /*-- Component: Title --*/

    .tiles {padding:2rem 0rem;}
    @media (min-width: 768px) {.tiles {padding:2rem 4rem;}}

        .tiles .row {margin:8rem auto;}

            .tiles .title {margin-bottom:3rem;}

            .tiles .textbox.l {padding-right:1rem;}
            @media (min-width: 768px) {.tiles .textbox.l {padding-right:5rem;}}
            
            .tiles .textbox.r {padding-left:1.5rem;}
            @media (min-width: 768px) {.tiles .textbox.r {padding-left:5rem;}}

                .tiles .textbox h5 {font-size:2rem;}

                .tiles .textbox h3 {font-size:3rem; margin:1rem auto 1.5rem auto;}
                @media (min-width: 768px) {.tiles .textbox h3 {font-size:3.4rem; margin:1rem auto 1.5rem auto;}}

            .tiles img {width:100%; margin-bottom:2rem;}
            @media (min-width: 768px) {.tiles img {width:100%; margin-bottom:0rem;}}


    /*-- Component: Service Full Header --*/

    .full-service-header {margin-top:0rem;}
    @media (min-width: 768px) {.full-service-header {margin-top:-12rem;}}

    .full-service-header .textbox {margin:15rem 0 9rem 0;}
    @media (min-width: 768px) {.full-service-header .textbox {margin:18rem 0 11rem 0;}}

    .full-service-header .textbox h5 {width:70%; margin:auto;}

    .full-service-header .textbox h1 {width:90%; margin:1rem auto;}
    @media (min-width: 768px) {.full-service-header .textbox h1 {width:70%; margin:1rem auto;}}

    .full-service-header .textbox p {width:90%; margin:1rem auto 3rem auto;}
    @media (min-width: 768px) {.full-service-header .textbox p {width:50%;}}

    /*-- Component: Service Image Header --*/

    .service-img-header {position:relative; margin-top:8rem; z-index:-1;}
    @media (min-width: 768px) {.service-img-header {margin-top:-10rem; z-index:-1;}}

        .service-img-header img {position:static; top:0; left:0; width:100%; height:auto;}
        @media (min-width: 768px) {.service-img-header img {position:absolute; width:100%; height:auto;}}

        .service-img-header .textbox {margin-top:4rem; padding:0 1rem 3rem 1rem; text-align:center;}
        @media (min-width: 768px) {.service-img-header .textbox {margin-top:19rem; padding:0 0 14rem 7rem; text-align:left;}}

            .service-img-header .textbox h1 {font-size:3rem; width:100%; color:var(--green); margin-bottom:1.5rem;}
            @media (min-width: 768px) {.service-img-header .textbox h1 {font-size:4.2rem; width:55%; color:var(--white);}}

            .service-img-header .textbox p {font-size:1.8rem; width:100%; color:var(--black); margin-bottom:2rem;}
            @media (min-width: 768px) {.service-img-header .textbox p {width:40%; color:var(--white);}}


    /*-- Componenent: Steps --*/

    .steps {padding:5rem 4rem;}
    @media (min-width: 768px) {.steps {padding:8rem 5rem 5rem 5rem;}}
    
        .steps .title {margin-bottom:6rem;}

            .steps .title h2 {width:100%; margin:1rem auto auto auto;}
            @media (min-width: 768px) {.steps .title h2 {width:50%; margin:1rem auto auto auto;}}
            
        .steps .thumbnail {margin-bottom:7rem;}
        
            .steps .thumbnail img {width:100%; margin-bottom:1rem;}

            .steps .thumbnail h5 {font-size:1.7rem; color:var(--green); margin-bottom:1rem;}

            .steps .thumbnail h4 {margin-bottom:1rem; color:var(--black);}

            .steps .thumbnail p {font-size:1.6rem; margin-bottom:1.5rem;}

    
    /*-- Component: Service Description --*/

    .service-description {margin:10rem auto;}

        .service-description .textbox {padding:3rem 1.5rem;}
        @media (min-width: 768px) {.service-description .textbox {padding:0 5rem;}}

            .service-description .textbox h3 {font-size:3rem; margin:1rem auto;}
            @media (min-width: 768px) {.service-description .textbox h3 {font-size:3.5rem; margin:1.5rem auto;}}

            .service-description .listbox ul {list-style:none; margin:3rem auto;}
            @media (min-width: 768px) {.service-description .listbox ul {margin:2rem auto;}}

                .service-description .listbox ul li {font-size:1.6rem; margin-bottom:.5rem;}

                    .service-description .listbox li img {height:1.6rem; margin-right:1rem;}

            .service-description .imgbox img {width:100%; height:auto;}
            @media (min-width: 768px) {.service-description .imgbox img {width:95%; height:auto;}}


    /*-- Service Intro --*/

    .service-intro {padding:7rem 0;}
    @media (min-width: 768px) {.service-intro {padding:10rem;}}

    .service-intro h2 {font-size:2.8rem; margin-bottom:5rem;}
    @media (min-width: 768px) {.service-intro h2 {font-size:3.8rem; margin-bottom:5rem;}}

    .service-intro .thumbnail {margin-bottom:6rem;}
    @media (min-width: 768px) {.service-intro .thumbnail {margin-bottom:0rem;}}

        .service-intro .thumbnail p {font-size:1.8rem;}

        .service-intro .thumbnail img {height:6rem; margin-bottom:1.5rem;}
            @media (min-width: 768px) {.service-intro .thumbnail img {height:5rem;}}
