/*-- 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 {
    --pink: #FC588B;
    --blue: #188AEC;
    --purple: #8157F1;
    --white: #FFFFFF;
    --yellow: #FEDA4C
  }

.pink {color:#FC588B;}
.blue {color:#188AEC;}
.purple {color:#8157F1;}
.yellow {color:#FEDA4C;}
.white {color:#fff}
  
/*-- Rubik -- Google Fonts --*/
@font-face {font-family: "Rubik"; src: url("../fonts/rubik/Rubik-Regular.ttf");}
@font-face {font-family: "Rubik Medium"; src: url("../fonts/rubik/Rubik-Medium.ttf");}
@font-face {font-family: "Rubik SemiBold"; src: url("../fonts/rubik/Rubik-SemiBold.ttf");}
@font-face {font-family: "Rubik Bold"; src: url("../fonts/rubik/Rubik-Bold.ttf");}

/*-- Public Sans -- Google Fonts --*/
@font-face {font-family: "Public Sans"; src: url("../fonts/public-sans/PublicSans-Regular.ttf");}
@font-face {font-family: "Public Medium"; src: url("../fonts/public-sans/PublicSans-Medium.ttf");}
@font-face {font-family: "Public SemiBold"; src: url("../fonts/public-sans/PublicSans-SemiBold.ttf");}
@font-face {font-family: "Public Bold"; src: url("../fonts/public-sans/PublicSans-Bold.ttf");}
/*--- Color & Font Variables ---*/


/*-- Buttons --*/
.btn:link,
.btn:visited {
    display:inline-block;
    font-family:'Rubik Medium', sans-serif;
    font-weight:700;
    padding:1.75rem 7rem;
    margin-right:1rem;
    margin-bottom:1rem;
    text-decoration:none; 
    font-size:1.9rem;
    letter-spacing: .1rem; 
    text-align:center;
    box-shadow: 0px 3.38624px 7.61905px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

@media (min-width: 768px) {.btn:link, .btn:visited {font-size:1.4rem; padding:1rem 2.75rem;}}

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

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

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

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

    .btn-secondary:hover,
    .btn-secondary:active {color: #fff !important; background-color:var(--blue); transition:.3s;}
/*-- 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:#303030;
    background-color:#fff !important;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-family: 'Public Sans', 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;}}

h1 {
    font-family:'Rubik';
    font-size:3.75rem;
    line-height:1.2;
}

h2 {
    font-family:'Rubik';
    font-size:3.5rem;
    line-height:1.2;
}

h3 {
    font-family:'Rubik';
    font-size:2.3rem;
    line-height:1.2;
}

h5 {
    font-family:'Rubik Medium';
    font-size:1.5rem;
    margin-bottom:1rem;
}

p {
   font-size:1.9rem;
   line-height:1.3; 
}

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


/*------------------------------------------- COMPONENTS ------------------------------------------------*/

/*-- Block Tiles --*/

.block-tiles {margin-bottom:10rem;}

.block-tiles .title {margin-bottom:7rem;}

.block-tiles .title h2 {font-size:4rem;}

.block-tiles .thumbnail {margin-bottom:3rem;}

@media (min-width: 768px) {.block-tiles .thumbnail {margin-bottom:5rem;}}

.block-tiles .thumbnail img {height:4rem;}

.block-tiles .thumbnail h3 {font-size:1.9rem; margin-left:1.5rem;}

@media (min-width: 768px) {.block-tiles .thumbnail h3 {font-size:1.8rem;}}

.block-tiles .thumbnail p {font-size:1.6rem; width:95%;}

@media (min-width: 768px) {.block-tiles .title p {font-size:1.5rem;}}

.block-tiles .thumbnail .vc {margin-bottom:1.5rem;}


/*-- Logos --*/

.logos {margin-bottom:10rem;}

    .logos img {height:9rem; margin-bottom:2rem;}

    @media (min-width: 768px) {.logos img {height:8rem; margin-bottom:0rem;}}


/*-- About --*/

.about {margin-bottom:10rem;}

.about .textbox {padding:0 0 0 2rem;}

@media (min-width: 768px) {.about .textbox {padding:0 0 0 10rem;}}

    .about .textbox h5 {color:var(--pink);}

    .about .textbox h2 {width:90%; margin-bottom:1.5rem;}

    .about .textbox p {width:92%; margin-bottom:3rem;}

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

    .about .imgbox img {height:35rem; margin-right:0rem; margin-bottom:3rem;}

    @media (min-width: 768px) {.about .imgbox img {height:47rem; margin-right:6rem;}}


/*-- Solutions --*/

.solutions {margin-bottom:15rem;}

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

@media (min-width: 768px) {.solutions .title {margin-bottom:5rem;}}

.solutions .title h5 {color:var(--purple); font-size:1.7rem;}

.solutions .title h2 {font-size:4rem;}

.solutions .tile {
    border:#D9D9D9 3px solid;
    border-radius:23px;
    margin:2rem 1rem;
    padding:3rem 4rem;
}

@media (min-width: 768px) {.solutions .tile {margin:0 2rem;}}

    .solutions .tile .tile--title {margin-bottom:2rem;}

        .solutions .tile .tile--title img {height:7rem;}

        .solutions .tile .tile--title h3 {margin-left:2rem; width:65%;}

    .solutions .tile .textbox p {margin-bottom:2rem;}

    .solutions .tile .list-section {margin-bottom:2rem;}

    @media (min-width: 768px) {.solutions .tile .list-section {margin-bottom:0rem;}}

    .solutions .tile .list {margin-bottom:0rem;}

    @media (min-width: 768px) {.solutions .tile .list {margin-bottom:2rem;}}

        .solutions .tile .list .list--item {margin-bottom:1rem;}

            .solutions .tile .list .list--item img {height:2.5rem;}

            .solutions .tile .list .list--item h4 {
                margin-left:1rem;
                font-size:1.45rem;
                font-family:'Rubik';
            }


/*-- Testimonial (Image Left) --*/

.l-testimonial {
    background:url('../img/reusable/pp-bkgd-1.png');
    background-size:cover;
    padding:5rem;
    margin-bottom:10rem;
}

.l-testimonial .imgbox img {height:32rem; margin-bottom:3rem;}

@media (min-width: 768px) {.l-testimonial .imgbox img {height:40rem; margin-bottom:0rem;}}

.l-testimonial .textbox {margin-top:-2.5rem;}

.l-testimonial .textbox .quote {height:3rem;margin:2rem 0;}

.l-testimonial .textbox .text {
    color:#fff;
    font-family:'Public Sans', sans-serif;
    line-height:1.5;
    font-size:1.8rem;
    width:100%;
    margin-bottom:1.5rem;
}

@media (min-width: 768px) {.l-testimonial .textbox .text {width:84%;}}

.l-testimonial .textbox .name {
    font-family:'Rubik Medium';
    color:#fff; 
    margin-bottom:.5rem;
}

.l-testimonial .textbox .attribute {
    font-family:'Rubik';
    color:#fff; 
    font-size:1.3rem;
    margin-bottom:3rem;
}

@media (min-width: 768px) {.l-testimonial .textbox .attribute {margin-bottom:0rem;}}


/*-- Testimonial (Image Right) --*/

.r-testimonial {
    background:url('../img/reusable/pp-bkgd-1.png');
    background-size:cover;
    padding:5rem;
    margin-bottom:10rem;
}

.r-testimonial .imgbox img {height:32rem; margin-right:0rem;}

@media (min-width: 768px) {.r-testimonial .imgbox img {height:40rem; margin-right:5rem;}}

.r-testimonial .textbox {padding-left:2rem; margin-top:2rem;}

@media (min-width: 768px) {.r-testimonial .textbox {padding-left:10rem; margin-top:-2.5rem;}}

.r-testimonial .textbox .quote {height:3rem;margin:2rem 0;}

.r-testimonial .textbox .text {
    color:#fff;
    font-family:'Public Sans', sans-serif;
    line-height:1.5;
    font-size:1.8rem;
    width:100%;
    margin-bottom:1.5rem;
}

@media (min-width: 768px) {.r-testimonial .textbox .text{width:90%;}}

.r-testimonial .textbox .name {
    font-family:'Rubik Medium';
    color:#fff; 
    margin-bottom:.5rem;
}

.r-testimonial .textbox .attribute {
    font-family:'Rubik';
    color:#fff; 
    font-size:1.3rem;
    margin-bottom:3rem;
}

@media (min-width: 768px) {.r-testimonial .textbox .attribute {margin-bottom:0rem;}}


/*-- Meet Ariel --*/

.ariel {margin-bottom:10rem;}

.ariel .textbox {padding:2rem 0 0 2rem;}

@media (min-width: 768px) {.ariel .textbox {padding:0 0 0 12rem;}}

    .ariel .textbox h5.blue {margin-bottom:1.5rem;}

    .ariel .textbox h2 {width:90%; margin-bottom:1rem;}

    .ariel .textbox p {width:90%; margin-bottom:2rem;}

    @media (min-width: 768px) {.ariel .textbox p {width:85%; margin-bottom:2rem;}}

    .ariel .imgbox img {height:35rem; margin-right:0rem;}

    @media (min-width: 768px) {.ariel .imgbox img {height:48rem; margin-right:6rem;}}
    

/*-- Our Process --*/

.process {margin-bottom:15rem;}

.process .title {margin-bottom:4rem;}

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

.process .title h2 {font-size:4rem;}

.process .thumbnail {margin:0 0 3rem 2.5rem;}

@media (min-width: 768px) {.process .thumbnail {margin:0;}}

.process .thumbnail h5 {font-size:2rem;}

.process .thumbnail h3 {margin-bottom:1rem;}

.process .thumbnail p {width:95%;}


/*-- Secondary Headers --*/

.sec-header {
    margin-top:7.5rem;
}

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

.sec-header .textbox {margin-top:14rem;}

.sec-header .textbox h1 {
    color:#fff;
    margin:0 auto 1.5rem auto;
    font-size:3.9rem;
    width:95%;
}

@media (min-width: 768px) {.sec-header .textbox h1 {font-size:4rem; width:90%;}}

.sec-header .textbox p {
    color:#fff;
    margin:0 auto 2.5rem auto;
    width:95%;
}

@media (min-width: 768px) {.sec-header .textbox p {width:45%;  margin-bottom:1.75rem;}}


/*-- Services Intro --*/

.s-intro {margin-bottom:8rem;}

.s-intro h2 {font-size:4.5rem; margin-bottom:1.5rem;}

.s-intro p {width:90%; margin:auto;}

@media (min-width: 768px) {.s-intro p {width:40%; margin:auto;}}


/*-- Case Study --*/

.case-study {
    padding:5rem;
    margin-bottom:10rem;
}

.case-study .imgbox img {height:32rem; margin-bottom:3rem; cursor: pointer;}

@media (min-width: 768px) {.case-study .imgbox img {height:40rem; margin-bottom:0rem;}}

.case-study .textbox h5 {color:var(--yellow);}

.case-study .textbox h2 {
    color:#fff;
    margin-bottom:1.5rem;
    width:90%;
}

@media (min-width: 768px) {.case-study .textbox h2 {width:70%;}}

.case-study .textbox p {
    color:#fff;
    font-family:'Public Sans', sans-serif;
    line-height:1.5;
    font-size:1.5rem;
    width:100%;
    margin-bottom:1.5rem;
}

@media (min-width: 768px) {.case-study .textbox p {width:84%;}}




/* The Modal (background) */

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 15rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;  
    background-color: rgba(13, 13, 13, 0.918); 
    animation: fadeIn .5s;
  
  }
  
  @keyframes fadeIn {
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }
  
  /* Modal Content */
  .modal-content img {
          position:absolute;
          top:50%;
          left:50%;
          transform:translate(-50%,-50%);
          margin: auto;
          height:auto;
          width:90%;
  }

  @media (min-width: 768px) {.modal-content img { height:70%; width:auto;}}

  .modal-content iframe {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin: auto;
    height:25rem;
    width:100%;
}

@media (min-width: 768px) {.modal-content iframe {height:90%; top:50%; width:90%;}}