/*-- 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: #262626;
    --white: #FFF;
    --grey:#FAFAFA;

  }

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


/*-- Buttons --*/
.btn:link,
.btn:visited {
    display:inline-block;
    font-family: proxima-nova, sans-serif;
    font-weight:700;
    padding:1.75rem 2.5rem;
    margin-right:1rem;
    margin-bottom:1rem;
    text-decoration:none; 
    text-transform:uppercase;
    font-size:1.7rem;
    letter-spacing: .1rem; 
    width:auto;
    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:1rem 2rem; width:auto;}}

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

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

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

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

    .btn-white:hover,
    .btn-white:active {color:var(--white) !important; background-color:var(--black); border:.2rem solid 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.4;
    color:var(--black);
    background-color:var(--white) !important;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-family: proxima-nova, 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 */

h1 {font-size:3rem; margin-bottom:1rem; line-height:1.2; font-weight:700;}
@media (min-width: 768px) {h1 {font-size:6rem; margin-bottom:.75rem;}}

h2 {font-size:2.8rem; margin-bottom:1rem; line-height:1.2; font-weight:600;}
@media (min-width: 768px) {h2 {font-size:3.8rem; margin-bottom:.75rem;}}

h3 {font-size:3rem; margin-bottom:1rem; line-height:1.2; font-weight:600;}
@media (min-width: 768px) {h3 {font-size:3.8rem; margin-bottom:1.5rem;}}

h5 {font-size:1.6rem; font-weight:400; text-transform:uppercase; margin-bottom:.5rem;}
@media (min-width: 768px) {h5 {font-size:1.5rem; margin-bottom:1rem;}}

p {font-size:2rem; margin-bottom:2rem;}
@media (min-width: 768px) {p {font-size:1.7rem; margin-bottom:2.5rem;}}

a {color:var(--black);}

/*-- Component: Testimonials w/ Video --*/

  .testimonials {position:relative; padding:4rem 0rem; background-color:var(--grey);}
  @media (min-width: 768px) {.testimonials {padding:8rem 3rem;}}

    .testimonials h5 {font-weight:600; margin-bottom:2rem;}

    .testimonials p {width:90%; font-size:2.3rem;}

    .testimonials span {font-size:1.6rem;}

    .testimonials iframe {border:none; width: 100%; aspect-ratio: 16 / 9; height: auto; margin-bottom:3rem;}
    @media (min-width: 768px) {.testimonials iframe {width: 95%; border:var(--white) 1rem solid; margin-bottom:0rem;}}


/*-- Component: Centered Testimonial --*/

  .centered-testimonial {padding:6rem 0rem;}
  @media (min-width: 768px) {.testimonials {padding:10rem 3rem;}}

    .centered-testimonial h5 {font-weight:600; }

    .centered-testimonial p {width:95%; font-size:1.9rem; margin:3rem auto;}
    @media (min-width: 768px) {.centered-testimonial p {width:70%; font-size:2.3rem;}}

    .centered-testimonial span {font-size:1.4rem; font-weight:500; text-transform:uppercase;}

/*-- Component: Testimonials --*/

  .testimonials {position:relative; padding:4rem 0rem; background-color:var(--grey);}
  @media (min-width: 768px) {.testimonials {position:relative; padding:8rem 3rem;}}

    .testimonials h5 {font-weight:600; margin-bottom:2rem;}

    .testimonials p {width:90%; font-size:2.3rem;}

    .testimonials span {font-size:1.6rem;}

    .testimonials iframe {border:none; width: 100%; aspect-ratio: 16 / 9; height: auto; margin-bottom:3rem;}
    @media (min-width: 768px) {.testimonials iframe {width: 95%; border:var(--white) 1rem solid; margin-bottom:0rem;}}

/*-- Component: Featured Homes --*/

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

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

    .featured .title h2 {width:95%; margin:auto;}
    @media (min-width: 768px) {.featured .title h2 {width:90%; margin:auto;}}

.featured .tile {margin-bottom:1rem;}

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

    .featured .tile p {font-size:1.5rem;}

    .featured .tile .name {text-transform: uppercase;}

    .featured .tile .specs {text-align:right; text-transform: uppercase;}

/*-- Component: CTA --*/

.cta {background-color:var(--black); position:relative;}

    .cta img {position:absolute; top:0; left:0; opacity:.2;}
    @media (min-width: 768px) {.cta img {position:absolute; top:0; left:0; opacity:1;}}

    .cta .textbox {padding:8rem 3rem;}
     @media (min-width: 768px) {.cta .textbox {padding:10rem 10rem 10rem 20rem;}}

        .cta .textbox h3, .cta .textbox p {color:var(--white);}


/*-- Component: Secondary Header --*/

.sec-header {position:relative; margin-top:7rem;}
@media (min-width: 768px) {.sec-header {margin-top:0;}}

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

        .sec-header .title {padding-top:7.5rem; padding-bottom:8rem; text-align:center;}
        @media (min-width: 768px) {.sec-header .title {padding-top:21rem; padding-bottom:5rem; text-align:left;}}

            .sec-header .title h1 {text-transform:uppercase; color:var(--white); font-size:3.5rem;}
             @media (min-width: 768px) {.sec-header .title h1 {margin-left:3rem; font-size:5.5rem;}}


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

.service-header {position:relative; margin-top:7rem;}
@media (min-width: 768px) {.service-header {margin-top:0;}}

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

        .service-header .title {padding-top:6rem; padding-bottom:6rem; text-align:center;}
        @media (min-width: 768px) {.service-header .title {padding-top:21rem; padding-bottom:17.5rem;}}

            .service-header .title h1 {text-transform:uppercase; color:var(--white); font-size:3.5rem;}
             @media (min-width: 768px) {.service-header .title h1 {margin-left:3rem; font-size:5.5rem;}}


/*-- Component: Plans Included --*/

.plans {padding:8rem 1rem 6rem 1rem; background-color:var(--grey);}
 @media (min-width: 768px) {.plans {padding:8rem 10rem 6rem 10rem;}}

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

.plans .title h2 {width:100%; margin:0 auto 2rem auto;}
 @media (min-width: 768px) {.plans .title h2 {width:70%; margin:0 auto 2rem auto;}}

.plans .tile {margin:1.5rem auto;}

.plans .tile h5 {font-weight:600;}


/*-- Component: Service Description --*/

.s-description {padding:6rem 0rem; background-color:var(--grey);}
@media (min-width: 768px) {.s-description {padding:8rem 6rem;}}

.s-description img {width:100%; height:auto; margin-bottom:2rem;}
@media (min-width: 768px) {.s-description img {width:95%; height:auto; margin-bottom:0;}}

.s-description h2 {margin-bottom:1.5rem;}

/*-- Component: Service Video --*/

.s-video {padding:6rem 2rem;}
@media (min-width: 768px) {.s-video {padding:8rem 6rem;}} 

.s-video iframe {border:none; width: 100%; aspect-ratio: 16 / 9; height: auto; margin-bottom:2rem;}
  @media (min-width: 768px) {.s-video iframe {width: 90%; border:var(--white) 1rem solid;}}

.s-video img {width:100%; height:auto;}

/*-- Component: Our Approach --*/

.s-approach {background-color:var(--black); padding:6rem 1.5rem;}
@media (min-width: 768px) {.s-approach {padding:8rem;}} 

.s-approach h5, .s-approach h2, .s-approach p {color:var(--white);}

.s-approach h2 {margin-bottom:5rem;}

.s-approach .tile {margin-bottom:3rem;}
@media (min-width: 768px) {.s-approach .tile {margin-bottom:0;}} 

/*-- Component: Service Team --*/

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

.s-team img {width:100%; height:auto; margin-bottom:2rem;}
@media (min-width: 768px) {.s-team img {width:95%; height:auto;}} 

.s-team h2 {width:90%; margin-bottom:1.5rem;}
@media (min-width: 768px) {.s-team h2 {width:80%;}} 

.s-team p {width:100%; margin-bottom:1.5rem;}
@media (min-width: 768px) {.s-team p {width:90%;}} 

.s-team ul {list-style: none; padding-left: 0; margin-bottom:2rem;}

.s-team ul li {
  position: relative;
  padding-left: 2.8rem;    
  margin-bottom: .8rem;
  font-size:2rem;
}

@media (min-width: 768px) {.s-team ul li {font-size:1.7rem;}} 

.s-team ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .55rem;              
  width: 1.8rem;
  height: 1.8rem;
  background-image: url('https://designerhouseplans.com/resources/img/reusable/checkmark.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {.s-team ul li::before {top: .35rem;}}

/*-- Component: Service Process --*/

.s-process { background-image: url('https://designerhouseplans.com/resources/img/custom-house-plans/signature-process.webp'); background-size:cover; position:relative; height:50rem;}

.s-process .textbox {position:absolute; bottom:0; left:0; background-color:var(--black); width:80%; padding:3rem;}
@media (min-width: 768px) {.s-process .textbox {width:30%;}} 

.s-process a {text-decoration:none;}

.s-process .textbox:hover {background:var(--white); transition:.4s; cursor:pointer;}

.s-process .textbox h2 {color:var(--white); margin-bottom:1.5rem;}

.s-process .textbox:hover h2 {color:var(--black); transition:.4s;}

.s-process .textbox a {color:var(--white); font-weight:600; font-size:1.5rem;}

.s-process .textbox:hover a {color:var(--black); transition:.4s;}

/*-- Component: Rendering Experience --*/

.s-experience {background-image: url('https://designerhouseplans.com/resources/img/custom-house-plans/rendering-experience.webp'); background-size:cover; position:relative; padding:5rem 3rem;}
@media (min-width: 768px) {.s-experience {padding:5rem 8rem;}} 

.s-experience .textbox {
    background: rgba(0, 0, 0, 0.25);   /* semi-transparent tint */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);    /* Safari support */
    max-width:100%;
    padding:2.5rem;
}

@media (min-width: 768px) {.s-experience .textbox {max-width:50%;}} 

.s-experience .textbox h2, .s-experience .textbox p, .s-experience .textbox ul li, .s-experience .textbox p {color:var(--white);}

.s-experience h2 {width:70%; margin-bottom:1rem;}

.s-experience p {margin-bottom:2rem;}

.s-experience ul {
  list-style: none;      
  padding-left: 0;
  margin:2rem 0;
}

.s-experience ul li {
  position: relative;
  padding-left: 2.8rem;    
  margin-bottom: .8rem;
 font-size:1.7rem;
}

.s-experience ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .55rem;              
  width: 1.8rem;
  height: 1.8rem;
  background-image: url('https://designerhouseplans.com/resources/img/reusable/checkmark-white.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {.s-experience ul li::before {top: .35rem;}}