:root{
    --factorBiggest: 1.4;
    --factorBig: 1.1;
    --factorNormal: 1;
    --factorTablet: .8;
    --factorCel: .65;
    --factorCelMini: .55;
    --factorCelMicro: .45;

    --text-hero-large:    3.0rem;
    --text-hero-mid:      2.5rem;
    --text-hero-small:    1.3rem;

    --text-header-large:    8rem;
    --text-header:          4rem;
    --text-subheader:       3rem;
    --text-larger:  2rem;
    --text-large:   1.3rem;
    --text-normal:  1rem;
    --text-small:   .9rem;
    --text-smaller: .8rem;

    --orange: #FFC130;
    --purple: #611CA1; 
    --blue: #00B1DA;
    --darkgrey: #393e41; --darkgrey: #292e31;
    --light-grey: #C9CeD1;

}

body {
    overflow-x: hidden;
    margin:0px;   
    display: block;
    font-family: Roboto, Poppins, Arial, Helvetica, sans-serif; 
    font-size: 16px;
    color: black;
}

/* screen m p utils*/
.dyn-height-full {              height: 100vh; }
.dyn-height-third {             height: 20vh; }
.dyn-height-full-perc {         height: 100%; }
.dyn-dimensions-full-perc {     height: 100%; width: 100%; }

.dyn-height-3 {     height: 3rem; }
.dyn-height-5 {     height: 5rem; }
.dyn-height-6 {     height: 6rem; }
.dyn-height-7 {     height: 7rem; }
.dyn-height-8 {     height: 8rem; }
.dyn-height-10 {     height: 10rem; }
.dyn-height-13 {     height: 13rem; }
.dyn-height-15 {     height: 15rem; }
.dyn-height-20 {     height: 20rem; }

.dyn-margin-section         {   margin-top: 7rem;       margin-bottom: 7rem; }
.dyn-margin-section-top         {   margin-top: 7rem;        }
.dyn-margin-section-bottom   {    margin-bottom: 7rem;      }
.dyn-padding-section        {   padding-top: 7rem;      padding-bottom: 7rem; }
.dyn-padding-section-top    {   padding-top: 7rem; }

.dyn-margin-prod            {   height: 10rem;}

.dyn-border-1               {   border: 1px solid black;   }
.dyn-border-2               {   border: 2px solid black;   }
.dyn-border-3               {   border: 3px solid black;   }

.dyn-border-radius          {   border-radius: 3.5rem;   }
.dyn-border-radius-05    {      border-radius: 0.5rem;   }
.dyn-border-radius-1    {       border-radius: 1.0rem;   }
.dyn-border-radius-10    {      border-radius: 10.0rem;   }
.dyn-border-radius-20    {      border-radius: 20.0rem;   }

.dyn-border-bottom-orange    {      border-bottom: 2px solid #FFC130;     }

.dyn-border-radius-hero     {   
    border-top-left-radius: 3.5rem;     border-top-right-radius: 3.5rem;
    border-bottom-left-radius: 3.5rem;     border-bottom-right-radius: 0rem;
}

/* screen m p utils*/


/*BG utils*/
.dyn-bg-orange {        background-color: var(--orange); }
.dyn-bg-blue {          background-color: var(--blue); }
.dyn-bg-purple {        background-color: var(--purple); }
.dyn-bg-darkgrey {      background-color: var(--darkgrey) !important; }
.dyn-bg-lightgrey {      background-color: var(--light-grey); }
.dyn-bg-lightestgrey {      background-color: #f9f9f9; }
/*END BG utils*/



/* + + + + + + + + + + + + +     text utils     + + + + + + + + + + + + + */
.dyn-text-bold-light {      font-weight: 300;}
.dyn-text-bold {            font-weight: 500;}

.dyn-purple {       color: var(--purple); }
.dyn-orange {       color: var(--orange); }
.dyn-blue {         color: var(--blue); }

.dyn-text-hero-large {          line-height: 1;     }
.dyn-text-hero-mid   {          line-height: 1;     }
.dyn-text-hero-small {          line-height: 1;     }

.dyn-text-header {          line-height: 1;     }
.dyn-text-subheader {       line-height: 1;     }
.dyn-text-larger {          line-height: 1;     }
.dyn-text-large {           line-height: 1;     }

.nav-link {
    position: relative;          
    font-weight: 500;
    color: var(--darkgrey) !important;  text-shadow: white .5px .3px;
    padding:2px;     border-radius: 0;
    transition: .3s;
}
.nav-link:hover{
    background-color: rgba(255, 164, 4, .99);
    top:1px; 
}

.dyn-lineheight-10 {          line-height: 1.0;     }
.dyn-lineheight-11 {          line-height: 1.1;     }
.dyn-lineheight-12 {          line-height: 1.2;     }
.dyn-lineheight-13 {          line-height: 1.3;     }

.dyn-link-contact {                                   line-height: 140%;  color:#ddf; text-decoration: none;}
.dyn-link-contact:hover { color:#ffffff }
.dyn-text-contact{     
    font-weight: 400;       line-height: 1.1;   color:#ccc; color:#ddd;
    margin-top: .5rem;
}
.dyn-text-errormsg { 
    font-weight: 400;       line-height: .9;    color:#ff8855;
    margin-top: .5rem;
    text-transform: uppercase;
    font-size: small;
}

a, a:hover {  text-decoration: none;   color: inherit; }

.dyn-tag-size-small { height: calc( 2.5rem  );   }

/* + + + + + + + + + + + + +     END text utils     + + + + + + + + + + + + + */

.dyn-bg-hero-pic{               
  abackground: url(../imgs/foodTruckHero.svg); 
  background-blend-mode: overlay;
  background-repeat: no-repeat; 
}


/*   Prods   */
.dyn-prods-standard-bg{
  background: url(../imgs/prods/foodtruck_side.png); transform: scaleX(-1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  border-radius: .5rem;
}
.dyn-prods-custom-bg{
  background: url(../imgs/prods/foodtruck_inside.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  border-radius: .5rem;
}

.dyn-bg-top-orange {
    position: relative;
}
.dyn-bg-top-orange::before {
  position: absolute;
  content:"";

  background: var(--orange);
  top:0rem; height: calc(50%);
  width: 100%; 
  z-index: -1;
}


.dyn-prod-circle{
  position: relative;
  aheight: 80%;
}
.dyn-prod-circle::before{
  position: absolute;  content: "";
  background-color: #393e41;
  border-radius: 50rem;
  top: -3rem; bottom: -3rem; left: 5rem; right: 5rem;
  z-index: -1;
  transition: all .5s ease-in-out;
}
.dyn-prod-circle:hover:before{   top: -.5rem; bottom: -.5rem; left: -.5rem; right: -.5rem;    }

.dyn-prod-circle-1{
  position: relative;
}
.dyn-prod-circle-1::before{
  position: absolute;
  content: "";
  background-color: #FFC130;
  background-color: darkgray;
  background-color: #393e41;
  border-radius: 50rem;
  /*top: 5rem; bottom: 5rem; left: -5rem; right:- 5rem;*/
  top: 3rem; bottom: 3rem; left: -3rem; right: -3rem;
  z-index: -1;
  transition: all .5s ease-in-out;
}
.dyn-prod-circle-1:hover:before{   top: -.5rem; bottom: -.5rem; left: -.5rem; right: -.5rem;    }
.dyn-prod-pics-size{      height: 12rem;   border-radius: .5rem; }
.dyn-prod-pics-1{ 
  background:url(../imgs/prods/foodtruck_side.png);
  background-size: cover;   background-repeat: no-repeat;   background-position: center; 
}
.dyn-prod-pics-2{ 
  background:url(../imgs/prods/foodtruck_open.png);
  background-size: cover;   background-repeat: no-repeat;   background-position: center; 
}
.dyn-prod-pics-3{ 
  background:url(../imgs/prods/foodtruck_front.png);
  background-size: cover;   background-repeat: no-repeat;   background-position: center; 
}
.dyn-prod-pics-4{ 
  background:url(../imgs/prods/foodtruck_front2.png);
  background-size: cover;   background-repeat: no-repeat;   background-position: center; 
}


.dyn-border-proc-icons-org{
  background: white;
  position: absolute; 
  top:-2rem; left: 3rem; 
  width: 10rem; height: 5rem; 
  border: 2px solid #FFC130;
  border-radius: 8rem;
}
.dyn-border-proc-icons{
  background: white; color: #111 !important;
  width: 10rem; height: 5rem; 
  border: 2px solid #FFC130;
  border-radius: 8rem;
}


.dyn-freedom-quotes{
  position: relative;
}
.dyn-freedom-quotes::before{
  position: absolute;
  content: "";
  background:url(../imgs/left_quote.svg); background-repeat: no-repeat; background-position: center; background-size: 100%;
  top: -2rem; left:0rem; width: 5rem; height:10rem;
}
.dyn-freedom-quotes::after{
  position: absolute;
  content: "";
  background:url(../imgs/right_quote.svg); background-repeat: no-repeat; background-position: center; background-size: 100%;
  bottom: -2rem; right: 0rem; width: 5rem; height:10rem;
}



/* social */
.dyn-social-img-1{   background: url(../imgs/clients/client20.jpg);    }
.dyn-social-img-2{   background: url(../imgs/clients/client28.jpg);    background: url(../imgs/clients/client42.png); }
.dyn-social-img-3{   background: url(../imgs/clients/client01.jpg);    }
.dyn-social-img-4{   background: url(../imgs/clients/client64.png);    }
.dyn-social-img-5{   background: url(../imgs/clients/client28.jpg);    }
.dyn-social-img-6{   background: url(../imgs/clients/client86.png);    }
.dyn-social-img{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* social */


/* unbox */
.dyn-unbox-img-1{   background: url(../imgs/collage/interior1.png);    }
.dyn-unbox-img-2{   background: url(../imgs/collage/interior2.png);    }
.dyn-unbox-img-3{   background: url(../imgs/collage/exterior1.png);    }
.dyn-unbox-img-4{   background: url(../imgs/collage/exterior2.png);   }
.dyn-unbox-img-5{   background: url(../imgs/collage/side1.png);  }
.dyn-unbox-img-6{   background: url(../imgs/collage/side2.png);    }
.dyn-unbox-img{
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}
/* unbox */



/* contact */
.dyn-contact-bg{
  background: url(../imgs/clients/customer_sample.webp) rgba(0,0,0,.85);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center top;  
}
.dyn-contact-img-border{
  border: 1px solid #C42231; border-radius: 10rem;
}  
.dyn-contact-img-1{   background: url(../imgs/foodtruck_hero.png);   }
.dyn-contact-img-2{   background: url(../imgs/STP_foodtruck_white.png);    }
.dyn-contact-img-3{   background: url(../imgs/FoodTruck_side-nobg.png);   }
.dyn-contact-img{
  border-radius: 10rem;
  background-repeat: no-repeat;   background-size:auto 100%;  background-position: center; 
}

.dyn-contact-field{
  height: calc( 2rem * var(--factor2560));
  font-size: calc( 1rem * var(--factor2560) );
  background: transparent;
  color:white !important;
}
.dyn-contact-field:focus{
  background: rgba(0,0,0,.9);
}
input:autofill {
  -webkit-text-fill-color:white !important;
  /*background: rgba(0,0,0,.5) !important;*/
  -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,.9) inset !important;
}
input:-webkit-autofill {
  -webkit-text-fill-color:white !important;
  /*background: rgba(0,0,0,.5) !important;*/
  -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,.9) inset !important;
}

.dyn-btn-contact1 {
  background-color: var(--orange); 
  color: black; 
  transition-duration: 0.4s;
  border: 2px solid black;
}
.dyn-btn-contact1:hover {
  background-color: orange; 
  color: black;
  border: 2px solid var(--orange);
}
.dyn-btn-contact {
  background-color: black; 
  color: white; 
  transition-duration: 0.4s;
  border: 2px solid black;
}
.dyn-btn-contact:hover {
  background-color: white; 
  color: var(--orange);
  border: 2px solid #ffa400;
}


/* floating whatsapp*/
.dyn-wa{
  z-index: 99999999;
  position:fixed;
  bottom:20px; 
  right:20px; 
}


/* quoting */
.dyn-radioButton {   position: relative; top:-.5rem; right:-.5rem; border:3px solid black;   }
.dyn-checkbox {   position: relative; top:-.1rem; border:3px solid black;   }
.dyn-checkbox-large {   position: relative; top:-.4rem; border:3px solid black;   }

.dyn-contact-field2{
  height: calc( 2rem * var(--factor2560));
  font-size: calc( 1rem * var(--factor2560) );
  background: transparent;
  color:black !important;
}


/* + + + + + + + + + + + + +     FXs     + + + + + + + + + + + + + */

.dyn-fx-move-right {   transition: transform .9s ease-in-out;   }
.dyn-fx-move-right:hover {  transform: translateX( 2rem) ;   }

.dyn-fx-move-right-little {   transition: transform .5s ease-in-out;   }
.dyn-fx-move-right-little:hover {  transform: translateX( .6rem) ;   }

.dyn-fx-move-up {   transition: transform .5s ease-in-out;   }
.dyn-fx-move-up:hover {  transform: translateY( -.5rem) ;   }

.dyn-fx-zoomin {   transition: transform .9s ease-in-out;   }
.dyn-fx-zoomin:hover {  transform: scale(1.05) ;   }

.dyn-fx-zoomin-little {   transition: transform .9s ease-in-out;   }
.dyn-fx-zoomin-little:hover {  transform: scale(1.02) ;   }

.dyn-fx-darken {   transition: all .5s ease-in-out;    }
.dyn-fx-darken:hover {  background: #111; color: white;  }

.dyn-fx-yellow {   transition: all .5s ease-in-out;    }
.dyn-fx-yellow:hover {  background: var(--orange); acolor: white;  }

/* + + + + + + + + + + + + +     FXs     + + + + + + + + + + + + + */


/* + + + + + + + + + + + + +     MediaQueries utils     + + + + + + + + + + + + + */
  
  @media screen and (min-width: 1365px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorBig) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorBig) ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorBig) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorBig) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorBig) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorBig) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorBig) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorBig) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorBig) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorBig) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorBig) ); }

    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-bg-hero{               
      height: 100%; width: 120%;
      border-top-left-radius: 20rem; border-bottom-left-radius: 20rem; 
      position: relative; left: -10%; 
    }
    .dyn-bg-hero-pic{               
      scale: 1.00; position: relative; left: -1%;
    }
    .dyn-border-hero-text{
      border-left: none; border-top-right-radius: 20rem; border-bottom-right-radius: 20rem;
    }

    .dyn-prods-standard-bg{       
      min-height: 19rem;  width: 100%;
      background-size: cover;
      background-position: center top;  
    }

    .dyn-border-process{      padding: 2.0rem;   }
    .dyn-border-choices{      border-radius: 20rem;   }
    .dyn-border-quality{      border-radius: 15rem;   }
    .dyn-border-quality-text{     border-right: 1px solid black;      }

    .dyn-height-social{   height: 13rem;   }

    .dyn-logo-height{      height: 4rem;   }

  }
  @media screen and (min-width: 992px) and (max-width: 1365px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorNormal) *.85 ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorNormal)  *.85 ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorNormal) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorNormal) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorNormal)  *.9 ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorNormal) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorNormal) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorNormal) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorNormal) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorNormal) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorNormal) ); }

    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-bg-hero{
      height: 100%; width: 106%;
      border-top-left-radius: 20rem; border-bottom-left-radius: 20rem; 
      position: relative; left: -5%; 
    }
    .dyn-bg-hero-pic{               
      scale: .85; position: relative; left: -10%; width: 120%;
    }
    .dyn-border-hero-text{
      border-left: none; border-top-right-radius: 20rem; border-bottom-right-radius: 20rem;
    }

    .dyn-prods-standard-bg{       
      height: 13rem;  width: 100%;
      background-size: cover;
      background-position: center;  
    }
    .dyn-prod-circle-1::before{
      background: var(--darkgrey);
      top: 3rem; bottom: 3rem; left: -2rem; right: -2rem;
    }

    .dyn-border-process{      padding: 2.0rem;   }
    .dyn-border-choices{      border-radius: 20rem;   }
    .dyn-border-quality{      border-radius: 5rem;   }
    .dyn-border-quality-text{     border-right: 1px solid black;      }

    .dyn-freedom-quotes::before{    top: -3rem; left:0rem; width: 5rem; height:8rem;        }
    .dyn-freedom-quotes::after{     bottom: -3rem; right: 0rem; width: 5rem; height:8rem;   }

    .dyn-height-social{   height: 12rem;   }

    .dyn-logo-height{      height: 4rem;   }

  }
  @media screen and (min-width: 767px) and (max-width: 992px) { 
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorTablet) * 1.3 ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorTablet)  * 1.3 ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorTablet) * 2  ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorTablet) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorTablet) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorTablet) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorTablet) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorTablet) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorTablet) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorTablet) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorTablet) ); }

    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-navbar-bg-text{               background: var(--darkgrey);  color: white;  }
    .nav-link {                   color: var(--orange) !important;  text-shadow: none;    }

    .dyn-border-hero-text{
      border-top: none;
      border-bottom-right-radius: 2rem; border-bottom-left-radius: 2rem;
    }
    .dyn-bg-hero{               
      height: 100%; height: 20rem;
      border-top-left-radius: 2rem; border-top-right-radius: 2rem; 
    }
    .dyn-bg-hero-pic{
      height: 23rem;               
      background-position: center top;
      background-size: auto 100%;
    }


    .dyn-prods-standard-bg{       
      min-height: 18rem;  width: 85%;
      background-size: cover;
      background-position: center;  
    }
    .dyn-prod-circle{         height: 100%;        }
    .dyn-prod-circle::before{
      background: var(--darkgrey);
      top: 3rem; bottom: 3rem; left: 2rem; right: 2rem;
    }
    .dyn-prods-custom-bg{         min-height: 20rem;  width: 70%;
      background-size: cover;
      background-position: center;  
    }
    .dyn-prod-circle-1::before{
      background: var(--darkgrey);
      top: 3rem; bottom: 3rem; left: 2rem; right: 2rem;
    }


    .dyn-border-process{      padding:2.0rem;   }
    .dyn-border-choices{      border-radius: 2rem;   }
    .dyn-border-quality{      border-radius: 2rem;   }

    .dyn-freedom-quotes::before{    top: -4rem; left:0rem; width: 5rem; height:8rem;        }
    .dyn-freedom-quotes::after{     bottom: -4rem; right: 0rem; width: 5rem; height:8rem;   }

    .dyn-height-social{   height: 11rem;   }

    .dyn-logo-height{      height: 3rem;   }
  }
  @media screen and (min-width: 577px) and (max-width: 767px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorCel) ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorCel) ); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorCel) ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCel) ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCel) ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCel) ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCel) ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCel) ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCel) ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCel) ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorCel) ); }

    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-navbar-bg-text{               background: var(--darkgrey);  color: white;  }
    .nav-link {                   color: var(--orange) !important;  text-shadow: none;    }

    .dyn-border-hero-text{
      border-top: none;
      border-bottom-right-radius: 2rem; border-bottom-left-radius: 2rem;
    }
    .dyn-bg-hero{               
      height: 100%; height: 10rem;
      border-top-left-radius: 2rem; border-top-right-radius: 2rem; 
    }
    .dyn-bg-hero-pic{
      height: 12rem;               
      background-position: center top;
      background-size: auto 100%;
    }

    .dyn-prods-standard-bg{       
      min-height: 15rem;  width: 80%;
      background-size: cover;
      background-position: center;  
    }
    .dyn-prod-circle{         height: 100%;        }
    .dyn-prod-circle::before{
      background: #ccc;
      top: 0rem; bottom: 0rem; left: 2rem; right: 2rem;
    }
    .dyn-prods-custom-bg{         min-height: 17rem;  width: 70%;
      background-size: cover;
      background-position: center;  
    }
    .dyn-prod-circle-1::before{
      background: #ccc;
      top: 0rem; bottom: 0rem; left: 2rem; right: 2rem;
    }

    .dyn-border-process{      padding-left:4.0rem; padding-bottom: 5rem;   }
    .dyn-border-choices{      border-radius: 2rem;   }
    .dyn-border-quality{      border-radius: 2rem;   }

    .dyn-freedom-quotes::before{    top: -4rem; left:0rem; width: 5rem; height:8rem;        }
    .dyn-freedom-quotes::after{     bottom: -4rem; right: 0rem; width: 5rem; height:8rem;   }

    .dyn-height-social{   height: 11rem;   }

    .dyn-bg-experience{      background: #333;   }

    .dyn-logo-height{      height: 3rem;   }
  }
  @media screen and (min-width: 425px) and (max-width: 576px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorCelMini) * 2    ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorCelMini) * 1.8); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorCelMini) * 2 ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCelMini) *2 ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCelMini) * 1.2 ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCelMini) * 1.5 ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCelMini) * 2 ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCelMini) * 2 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCelMini) * 2 ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCelMini) * 2 ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorCelMini) * 2 ); }

    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-navbar-bg-text{               background: var(--darkgrey);  color: white;  }
    .nav-link {                   color: var(--orange) !important;  text-shadow: none;    }

    .dyn-border-hero-text{
      border-top: none;
      border-bottom-right-radius: 2rem; border-bottom-left-radius: 2rem;
    }
    .dyn-bg-hero{               
      height: 100%; height: 10rem;
      border-top-left-radius: 2rem; border-top-right-radius: 2rem; 
    }
    .dyn-bg-hero-pic{
      height: 12rem;               
      background-position: center top;
      background-size: auto 100%;
    }
    
    .dyn-prods-standard-bg{       
      min-height: 16rem;  
      background-size: cover;
      background-position: center;  
    }
    .dyn-prod-circle{         height: 100%;        }
    .dyn-prod-circle::before{
      background: #ccc;
      top: 0rem; bottom: 0rem; left: 2rem; right: 2rem;
    }
    .dyn-prods-custom-bg{         min-height: 15rem;    }
    .dyn-prod-circle-1::before{
      background: #ccc;
      top: 0rem; bottom: 0rem; left: 2rem; right: 2rem;
    }


    .dyn-border-process{      padding:1.0rem; padding-bottom: 4rem;  }
    .dyn-border-choices{      border-radius: 1rem;   }
    .dyn-border-quality{      border-radius: 1rem;   }

    .dyn-freedom-quotes::before{    top: -2rem; left:0rem; width: 4rem; height:4rem;        }
    .dyn-freedom-quotes::after{     bottom: -2rem; right: 0rem; width: 4rem; height:4rem;   }

    .dyn-height-social{   height: 11rem;   }

    .dyn-bg-experience{      background: var(--darkgrey);   }

    .dyn-logo-height{      height: 3rem;   }
  }
  @media screen and (max-width: 424px) {
    .dyn-text-hero-large  {    font-size: calc( var(--text-hero-large) * var(--factorCelMicro) * 2    ); }  
    .dyn-text-hero-mid  {    font-size: calc( var(--text-hero-mid) * var(--factorCelMicro) * 1.8); }  
    .dyn-text-hero-small  {    font-size: calc( var(--text-hero-small) * var(--factorCelMicro) * 2 ); }    

    .dyn-text-header-large {    font-size: calc( var(--text-header-large) * var(--factorCelMicro) *2 ); }
    .dyn-text-header {          font-size: calc( var(--text-header) * var(--factorCelMicro) * 1.2 ); }
    .dyn-text-subheader {       font-size: calc( var(--text-subheader) * var(--factorCelMicro) * 1.5 ); }
    .dyn-text-larger {         font-size: calc( var(--text-larger) * var(--factorCelMicro) * 2 ); }
    .dyn-text-large {         font-size: calc( var(--text-large) * var(--factorCelMicro) * 2 ); }
    .dyn-text-normal {         font-size: calc( var(--text-normal) * var(--factorCelMicro) * 2 ); }
    .dyn-text-small {         font-size: calc( var(--text-small) * var(--factorCelMicro) * 2 ); }
    .dyn-text-smaller {         font-size: calc( var(--text-smaller) * var(--factorCelMicro) * 2 ); }

    .dyn-wa{                    width:65;   height:65;      }
    .dyn-wa-icon{               height:50px;    }

    .dyn-navbar-bg-text{               background: var(--darkgrey);  color: white;  }
    .nav-link {                   color: var(--orange) !important;  text-shadow: none;    }

    .dyn-border-hero-text{
      border-top: none;
      border-bottom-right-radius: 2rem; border-bottom-left-radius: 2rem;
    }
    .dyn-bg-hero{               
      height: 100%; height: 10rem;
      border-top-left-radius: 2rem; border-top-right-radius: 2rem; 
    }
    .dyn-bg-hero-pic{              
      height: 12rem;   
      background-position: center top;
      background-size: auto 100%;
    }

    .dyn-prods-standard-bg{
      min-height: 11rem;  
      background-size: cover;
      background-position: center;  
    }
    .dyn-prod-circle{         height: 100%;        }
    .dyn-prod-circle::before{
      background: #ccc;
      top: 0rem; bottom: 0rem; left: 2rem; right: 2rem;
    }
    .dyn-prods-custom-bg{         min-height: 15rem;    }
    .dyn-prod-circle-1::before{
      background: #ccc;
      top: 0rem; bottom: 0rem; left: 2rem; right: 2rem;
    }
    
    .dyn-border-process{      padding:1.0rem;   padding-bottom: 3rem;  }
    .dyn-border-choices{      border-radius: 1rem;   }
    .dyn-border-quality{      border-radius: 1rem;   }

    .dyn-freedom-quotes::before{    top: -2rem; left:0rem; width: 4rem; height:4rem;        }
    .dyn-freedom-quotes::after{     bottom: -2rem; right: 0rem; width: 4rem; height:4rem;   }

    .dyn-height-social{   height: 10rem;   }

    .dyn-logo-height{      height: 3rem;   }
  }
  
/* + + + + + + + + + + + + +     END MediaQueries utils     + + + + + + + + + + + + + */

.dyn-bg-hero{               
  background: #393e41;  
}
.dyn-bg-hero-pic{               
  abackground: url(../imgs/foodTruckHero.svg);
  background-blend-mode: overlay;
  background-position: center top;
  background-size: auto 100%;
  background-repeat: no-repeat; 
}