/*-- 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: #231F20;
    --white: #FFF;
    --green: #006B35;
    --light-green: #EEF6ED;
    --brown: #77441C;
    --pale: #F4EFE2;
    --sand: #D1BC89;
  }

/*-- font-family: "gravita-hum-variable",sans-serif; --*/
/*-- font-family: "gala",sans-serif; --*/

/*--- Color & Font Variables ---*/


/*-- Buttons --*/
.btn:link,
.btn:visited {
    display:inline-block;
    font-family:'gravita-hum-variable', sans-serif;
    font-weight:700;
    padding:1.5rem 2rem 1.8rem 2rem;
    margin-right:1rem;
    margin-bottom:1rem;
    text-decoration:none; 
    text-transform:uppercase;
    font-size:1.7rem;
    letter-spacing: .1rem; 
    width:100%;
    text-align:center;
    box-shadow: 0px 3.38624px 7.61905px rgba(0, 0, 0, 0.25);
    border-radius: 3.38624px;
}

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

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

.btn-primary:link,
.btn-primary:visited {
    background-color:var(--brown);
    border:var(--brown) .2rem solid;
    color:var(--white);
}

    .btn-primary:hover,
    .btn-primary:active {background-color:var(--sand); border:var(--black) .2rem solid;}

.btn-secondary:link,
.btn-secondary:visited {
    background-color:var(--sand);
    border:var(--sand) .2rem solid;
    color:var(--black);;
}

    .btn-secondary:hover,
    .btn-secondary:active {color: var(--white) !important; background-color:var(--brown); border:var(--black) .2rem solid;}

.btn-white:link,
.btn-white:visited {
    background-color:var(--white);
    border:var(--white) .2rem solid;
    color:var(--black);;
}

    .btn-white:hover,
    .btn-white:active {color: var(--black) !important; background-color:var(--sand); border:var(--black) .2rem solid;}

/*-- 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:var(--black);
    background-color:var(--white) !important;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-family: 'gravita-hum-variable', 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;}}

p {font-size:1.8rem;}
@media (min-width: 768px) {p {font-size:1.6rem;}}

/*-- Headers --*/

h1 {font-family:'gala', sans-serif; text-transform:uppercase;}

h2 {font-family:'gala', sans-serif; text-transform:uppercase; color:var(--green); font-size:4rem; line-height:1.2; margin-bottom:1.5rem;}
@media (min-width: 768px) {h2 {font-size:4.75rem;}}

h4 {font-family: 'gravita-hum-variable', sans-serif; font-weight:600; font-size:2.25rem;}
@media (min-width: 768px) {h4 {font-size:2rem;}}

h5 {font-family: 'gravita-hum-variable', sans-serif; font-weight:600; text-transform:uppercase; font-size:1.4rem;}


/*-- Component: Problem --*/

.problem {padding-top:6rem; position:relative; background-color:var(--white);}
@media (min-width: 768px) {.problem {padding-top:0;}}

    .problem .textbox {padding:0 4rem; margin-bottom:5rem;}
    @media (min-width: 768px) {.problem .textbox {padding-left:10rem; margin-bottom:0;}}

        .problem .textbox h2 {width:100%;}
        @media (min-width: 768px) {.problem .textbox h2 {width:90%;}}

        .problem .textbox p {width:100%; margin-bottom:2.5rem;}
        @media (min-width: 768px) {.problem .textbox p {width:83%;}}

        .problem .textbox ul {list-style:none;}

            .problem .textbox ul li {width:95%; padding:2.5rem 1rem;}
            @media (min-width: 768px) {.problem .textbox ul li {width:50%; padding:1.5rem 1rem;}}

            .problem .textbox ul li:hover {background-color:var(--light-green); transition:.4s; cursor:pointer;}

                .problem .textbox ul hr {width:93%; border:none; height:.15rem; background-color:var(--black);}
                @media (min-width: 768px) {.problem .textbox ul hr {width:50%;}}

                .problem .textbox ul li a {text-decoration:none; color:var(--black); font-weight:600; font-size:1.6rem;}
                @media (min-width: 768px) {.problem .textbox ul li a {font-size:1.4rem;}}

                .problem .textbox ul li img {float:right; height:1.25rem; margin-top:.6rem;}
                @media (min-width: 768px) {.problem .textbox ul li img {height:1rem; margin-top:.6rem;}}


        .problem .imgbox img {width:105%; height:auto; margin-left:-2rem;}

/*-- Component: Options / Dark --*/

.options-dark {position:relative; margin-top:-.5rem; padding:8rem 0rem;}
@media (min-width: 768px) {.options-dark {padding:8rem 5rem;}}

    .options-dark .bkg {position:absolute; top:0; left:0; height:100%; width:auto; opacity:.18;}

    .options-dark .title { margin:0 auto 5rem auto;}

    .options-dark h2, .options-dark h4, .options-dark p {color:var(--white);}

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

        .options-dark .tile img {width:100%; height:auto; margin-bottom:1rem;}

    .options-dark h2 {width:100%; margin:0 auto 1rem auto;}
    @media (min-width: 768px) {.options-dark h2 {width:65%;}}

    .options-dark .title p {width:100%; margin:auto;}
    @media (min-width: 768px) {.options-dark .title p {width:60%; margin:auto;}}

    .options-dark h4 {margin-bottom:1rem;}

    .options-dark p {margin-bottom:2rem; padding:0 1rem;}

    /* Group Pricing */

    .group-instruction img {height:5rem !important; width:auto !important;}

    /* Trackman - Serious Practice Title Paragraph */

    .trackman .options-dark .title p {width:100%;}
    @media (min-width: 768px) {.trackman .options-dark .title p {width:40%;}}

/*-- Component: Options / Light --*/

.options-light {position:relative; margin-top:-.5rem; padding:8rem 0rem;}
@media (min-width: 768px) {.options-light {padding:8rem 5rem;}}

    .options-light .bkg {position:absolute; top:0; left:0; height:100%; width:auto; opacity:.18;}

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

        .options-light .tile img {width:100%; height:auto; margin-bottom:1rem;}

    .options-light .title {margin:0 auto 5rem auto;}

     .options-light .title p {width:100%; margin:auto;}
    @media (min-width: 768px) {.options-light .title p {width:70%; margin:auto;}}

    .options-light h2 {width:100%; margin:0 auto 2rem auto; color:var(--green);}
    @media (min-width: 768px) {.options-light h2 {width:60%; margin:0 auto 2rem auto;}}

    .options-light h5 {color:var(--green); margin-bottom:.5rem;}

    .options-light h4 {margin-bottom:1rem;}

    .options-light p {margin-bottom:2rem; padding:0 1rem;}

    .options-light .bio-button {color:var(--brown); font-weight:600; font-size:1.4rem;}
        .options-light .bio-button:hover {color:var(--black); transition:.4s;}

    .options-light .link {color:var(--brown); text-decoration:underline;}


/*-- Component: Process --*/

.process {padding:6rem 1.5rem;}
@media (min-width: 768px) {.process {padding:8rem;}}

.process .row {margin-bottom:5rem;}

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

.process .textbox img {height:4.25rem; padding-left:0;}
@media (min-width: 768px) {.process .textbox img {height:4.25rem; padding-left:8rem;}}

.process .textbox h4 {font-size:3rem; width:80%; padding:1rem 0 1rem 0rem; line-height:1.2;}
@media (min-width: 768px) {.process .textbox h4 {width:70%; padding:1rem 0 1rem 8rem;}}

.process .textbox p {width:100%; padding-left:0rem;}
@media (min-width: 768px) {.process .textbox p {width:75%; padding-left:8rem;}}

/*-- Component: FAQ --*/

.faq {position:relative; margin-top:-.5rem; padding:8rem 0rem;}
@media (min-width: 768px) {.faq {padding:8rem 18rem;}}

.faq.dark {background-color:var(--green);}
.faq.light {background-color:var(--white);}

    .faq .bkg {position:absolute; top:0; left:0; height:100%; width:auto; opacity:.18;}

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

    .faq.dark .title h2 {color:var(--white);}
    .faq.dark .title p {color:var(--white);}

    .faq.light .title h2 {color:var(--green);}
    .faq.light .title p {color:var(--black);}

    .faq .faqbox {margin-left:-1rem; margin-bottom:5rem;}
    @media (min-width: 768px) {.faq .faqbox {margin-left:4rem; margin-bottom:0rem;}}

    .faq .faqbox h2, .faq .faqbox .subtitle {margin-left:2rem;}

    .faq .faqbox .subtitle {margin-bottom:3rem;}

    .faq .thumbnail {
        position:sticky;
        width:105%;
        margin:1rem auto;
        padding:1.5rem 1rem;
        background-color:#FEFBFB;
        border-radius:.5rem;
        border:var(--white) .2rem solid;
        z-index:1;
        border:var(--black) .2rem solid;
    }
    @media (min-width: 768px) {.faq .thumbnail {width:98%;}}

        .faq .thumbnail h3 {
            font-family:'gravita-hum-variable', sans-serif;
            font-weight:500;
            font-size:1.8rem;
            cursor:pointer;
            padding-right:1rem;
        }
        @media (min-width: 768px) {.faq .thumbnail h3 {font-size:1.6rem;}}

        .faq .thumbnail h3:after {
            content: '\002B'; /* Unicode character for "plus" sign (+) */
            color: var(--green);
            float: right;
            text-decoration:none;
            font-size:1.5rem;
            font-family:'gala', sans-serif;
        }

        @media (min-width: 768px) { .faq .thumbnail h3:after {font-size:2rem;}}

        .faq .thumbnail p {
            font-family:'gravita-hum-variable', sans-serif;
            font-size:1.8rem;
            color:#1d1819;
            margin-top:1rem;
            display:none;
        }
        @media (min-width: 768px) {.faq .thumbnail p {font-size:1.6rem;}}
    
    .faq .textbox {
        background-color:var(--pale);
        border:var(--red) 7px solid;
        border-radius:7px;
        width:100%;
        margin:auto;
        padding:4rem 3rem;;
    }

    @media (min-width: 768px) {.faq .textbox {width:60%;}}

    .faq .textbox h4 {
        font-size:2.7rem;
        line-height:1.2;
        margin-bottom:1rem;
    }

    .faq .textbox p {padding:1rem 2.5rem;}


/*-- Centered Text --*/

.ct {padding:5rem 0 6rem 0rem;}
@media (min-width: 768px) {.ct {padding:8rem;}}

    .ct img {height:10rem; width:auto; margin-bottom:1rem;}

    .ct h2 {width:90%; margin:0rem auto 1.5rem auto;}
    @media (min-width: 768px) {.ct h2 {width:100%;}}

    .ct p {width:100%; margin:0 auto 3rem auto;}
    @media (min-width: 768px) {.ct p {width:75%; margin:0 auto 3rem auto;}}

    .ct p span {font-weight:600; color:var(--brown);}


    /* Club Repair */

    .club-repair .ct {margin-top:8rem;}
    @media (min-width: 768px) {.club-repair .ct {margin-top:0rem;}}

/*-- Component: CTA --*/

.cta {background-color:var(--pale);}

    .cta .textbox {padding:3rem 2rem 8rem 4rem;}
    @media (min-width: 768px) {.cta .textbox {padding:0 2rem 0 10rem; margin-bottom:0;}}

        .cta .textbox h2 {width:95%;}
        @media (min-width: 768px) {.cta .textbox h2 {width:75%;}}

        .cta .textbox p {width:95%; margin-bottom:2.5rem;}
        @media (min-width: 768px) {.cta .textbox p {width:83%;}}

        .cta .textbox a {width:95%;}
         @media (min-width: 768px) {.cta .textbox a {width:auto;}}

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


        /* Plan Your Visit CTA */

        .plan-your-visit .cta h2 {width:95%;}
        @media (min-width: 768px) {.plan-your-visit .cta h2 {width:100%;}}

        /* Individual Lessons CTA */

        .individual-lessons .cta h2 {width:95%;}
        @media (min-width: 768px) {.individual-lessons .cta h2 {width:100%;}}

/*-- Component: Info Card --*/

.info-card {background-color:var(--light-green); border:var(--black) .2rem solid; border-radius:.8rem; padding:5rem; margin-bottom:8rem;}

.info-card .textbox {padding-left:0rem; margin-bottom:3rem;}
@media (min-width: 768px) {.info-card .textbox {padding-left:8rem; margin-bottom:0;}}

.info-card .infobox {padding-left:0rem;}
@media (min-width: 768px) {.info-card .infobox {padding-left:15rem;}}

.info-card .infobox .row {padding:1.5rem 0;}

.info-card .infobox hr {background-color:var(--black); height:.15rem; border:none; width:100%;}
@media (min-width: 768px) {.info-card .infobox hr {width:70%;}}

.info-card .infobox a {color:var(--black); text-decoration:none;}

.info-card .infobox h5 {width:100%; margin-bottom:.5rem;}
@media (min-width: 768px) {.info-card .infobox h5 {width:70%;}}

.info-card .infobox p {width:100%; font-size:1.4rem;}
@media (min-width: 768px) {.info-card .infobox p {width:70%;}}

.info-card .infobox img {float:right; margin-top:.5rem; height:1rem;}

/*-- Component: Service Header --*/

.service-header {position:relative;}

    .service-header img {position:absolute; top:0; left:0; width:100%; height:auto;}

    .service-header .title {padding:15rem 1rem 10rem 1rem;}
    @media (min-width: 768px) {.service-header .title {padding:17rem 8rem 10rem 8rem;}}

        .service-header .title h1 {color:var(--white); font-size:4rem; width:100%; line-height:1.3;}
        @media (min-width: 768px) {.service-header .title h1 {font-size:6rem; width:60%;}}

        .service-header .title p {color:var(--white); margin-bottom:2.5rem; width:100%;}
        @media (min-width: 768px) {.service-header .title p {color:var(--white); margin-bottom:2.5rem; width:50%;}}

    /* Club Repair Header Title */

     .club-repair .service-header .title h1 {width:100%; line-height:1.2;}
     @media (min-width: 768px) {.club-repair .service-header .title h1 {width:50%;}}


/*-- Pricing --*/

.pricing {background-color:var(--green); position:relative; padding:8rem 0rem;}
@media (min-width: 768px) {.pricing {padding:8rem;}}

.pricing .bkg {position:absolute; top:0; left:0; height:100%; width:auto; opacity:.18;}
@media (min-width: 768px) {.pricing .bkg {height:auto; width:100%;}}

.pricing h2 {color:var(--white); margin-bottom:5rem;}

.pricing-table {
    width: 100%;
    max-width: 70rem;
    margin: 0 auto;
    border-collapse: collapse;            /* merges cell borders into single lines */
    text-align: left;
    text-align:center;
}

/* small uppercase column labels */
.pricing-table thead th {
    font-family: 'gravita-hum-variable', sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .05rem;
    padding: 0 1rem 1.5rem 1rem;
    vertical-align: bottom;
    width: 33.33%;
    color:var(--white);
}

/* the big row values */
.pricing-table tbody th,
.pricing-table tbody td {
    font-family: 'gala', sans-serif;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 600;
    padding: 1.8rem 1rem;
    color:var(--white);
}

/* the thin divider lines: under the header and between rows */
.pricing-table thead th,
.pricing-table tbody tr:not(:last-child) th,
.pricing-table tbody tr:not(:last-child) td {
    border-bottom: .2rem solid var(--white);
    color:var(--white);
}

/*-- Component: Reviews --*/

.reviews {background-color:var(--light-green); position:relative; z-index:1; padding:8rem 0rem;}
@media (min-width: 768px) {.reviews {padding:8rem 3rem;}}

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

.reviews .tile {background-color:var(--white); border:.2rem solid var(--black); border-radius:.8rem; margin:1rem; padding:2.5rem;}

.reviews .tile img {height:1.6rem;}

.reviews .tile h4 {font-size:1.8rem; line-height:1.4; margin:.75rem 0;}

.reviews .tile p {margin-bottom:1rem;}

.reviews .tile h5 {font-weight:500;}


/*-- Component: Featured Review --*/

.featured-review {background-color:var(--light-green); position:relative; z-index:1; padding:8rem 0rem;}
@media (min-width: 768px) {.featured-review {padding:8rem 10rem;}}

.featured-review .title {margin-bottom:3rem;}

.featured-review .tile {background-color:var(--white); border:.2rem solid var(--black); border-radius:.8rem; margin:1rem; padding:4rem;}

.featured-review .tile img {height:1.8rem;}

.featured-review .tile h4 {font-size:1.9rem; line-height:1.4; margin:1.5rem 0;}

.featured-review .tile p {margin-bottom:1.5rem; font-size:1.8rem;}

.featured-review .tile h5 {font-weight:500;}


/*-- Component: Standard Image & Textbox --*/

.standard-box {position:relative; padding:6rem 1rem; background-color:var(--white); margin-top:3rem;}
@media (min-width: 768px) {.standard-box {padding:8rem 5rem;}}

    .standard-box .title h2 {width:100%; margin:0 auto 0 auto;}
    @media (min-width: 768px) {.standard-box .title h2 {width:60%; margin:0 auto 3rem auto;}}

        .standard-box .imgbox img {width:100%; height:auto; margin-bottom:2.5rem;}
        @media (min-width: 768px) {.standard-box .imgbox img {margin-bottom:0; width:95%;}}

         .standard-box .textbox {margin-bottom:5rem;}
         @media (min-width: 768px) {.standard-box .textbox {margin-bottom:0;}}

        .standard-box .textbox p {width:100%; margin-bottom:2rem;}
        @media (min-width: 768px) {.standard-box .textbox p {width:90%;}}

        .standard-box .link {color:var(--black); text-decoration:none;}
        .standard-box .link:hover {color:var(--brown); transition:.4s;}