#header-index {
    height: 150px;
    width: 100vw;
    position: relative;
}

section {
    padding-bottom: 5%;
}

/* end fonts */

/*
0 - 1024 max-width: 1024px
1025 - 1500 min-width 1025px max-width: 1500px
1501 - 2000 min-width 1501px max-width: 2000px
2001 - forward min-width 2001px
*/

@media screen and (max-width: 489px) {
    #shape-2-sections-web {
        display: none;
    }
    
    .btn-web {
        display: none;
    }

    .md-web {
        display: none;
    }
    
    #header-index {
        height: 120px;
        width: 100vw;
        position: relative;
    }
    /* fonts */
    .xl-1 {
        
    }

    .xl-2 {
        font-family: GothamHTF-XLight;
        font-size: 35px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
    }

    .md-1 {
        opacity: 0.74;
        font-family: GothamHTF-Book;
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: 0.3px;
        text-align: center;
        color: #1f1f1f;
    }

    .md-2 {
        font-family: GothamHTF-Medium;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }

    .md-3 {
        font-family: GothamHTF-Black;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    /* end fonts */

    .img-phone {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .purple-shape-header {
        display: none;
    }
    
    .purple-shape-header-rsp {
        position: absolute;
        top: 300px;
        right: 0px;
        width: 205px;
        z-index: 0;
    }

    .img-header-yellow-shape {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 90px;
    }
    
    .img-header-yellow-shape-2 {
        display: none;
    }

    .green-shape-2sections {
        position: absolute;
        padding-top: 330px;
        width: 150px;
    }

    /* SECTION delivery */

    .delivery-info {
        padding-top: 0px;
        padding-left: 35px;
        padding-right: 20px;
        padding-bottom: 50px;
        text-align: center;
        
    }

    .pide-todo-lo-que-qu {
        font-family: GothamHTF-XLight;
        font-size: 48px;
        font-weight: 300;
        line-height: 1.02;
        letter-spacing: -2px;
        color: #38215c;
        width: auto;
        height: auto;
        text-align: center;
    }

    .sub-pide-todo-lo-que-qu {
        width: auto;
        padding-top: 19px;
        height: auto;
        text-align: center;
    }
    
    .btn-download-hdr {
        display: block;
        margin: 0 auto;
    }

    .img-download-app-1 {
        width:110px;

    }

    .img-download-app-2 {
        width:110px;
        height:33px;
    }
    
    /* END SECTION delivery */
    
    /* SECTION how-it-works */

    .c-mo-funciona-hugo {
        width: 100%;
        height: 14px;
        padding: 60px 0px;
        padding-bottom: 30px;
        text-align: center;
    }

    .lo-que-quieras-a-u {
        width: 100%;
        padding: 0px 60px;
        padding-bottom: 86px;
        height: 49px;
        text-align: center;
    }

    .img-order {
        width: 80px;
        padding-bottom: 0px;
    }

    .img-pay {
        width: 90px;
        padding-bottom: 0px;
    }

    .img-track {
        width: 110px;
        padding-bottom: 0px;
    }

    .labels-sect1 {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        padding-bottom: 30px;
        text-align: center;
    }

    .sub-labels-sect1 {
        width: 100%;
        padding: 16px 10px 20px;
        height: auto;
        text-align: center;
    }

   .download-app-btn {
        width: 124px;
        height: 46px;
        float: right;
        border-radius: 40px;
        background-color: #38215c;
        font-family: GothamHTF-Medium;
        font-weight: 500;
        padding-top: 11px;
        font-size: 10px;
        letter-spacing: 2px;
        text-align: center;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .download-app-btn:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .affiliate-btn {
        width: 124px;
        height: 46px;
        float: left;
        border-radius: 40px;
        border: solid 2px #38215c;
        font-family: GothamHTF-Medium;
        padding-top: 13px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .affiliate-btn:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }
    
    /* END SECTION how-it-works */

    /* SECTION be-hugo-partner*/
    
    .label-partners {
        width: 100%;
        height: 14px;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .label-s-un-partner {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    .sub-labels-s-parte-de-nuestros {
        padding: 20px 0px;
        height: auto;
    }

    .img-orange-shape {
        display: none;
    }

    .join-partner-btn-indx {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 124px;
        height: 36px;
        border-radius: 40px;
        background-color:  #ffd56f;
        margin: auto;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .join-partner-btn-indx:hover {
        background-color: #ffb700;
        color: #38215c;
        text-decoration: none;
    }
    
    .partners-info {
        font-family: GothamHTF-XLight;
        font-size: 35px;
        font-weight: 300;
        line-height: 1.17;
	    letter-spacing: -1.2px;
        color: #38215c;
        padding: 40px 60px 60px 80px;
    }
    
    /* END SECTION be-hugo-partner */

    /* SECTION be-hugo-driver*/
    
    .drivers-info-rsp {
        padding: 45px 45px;
    }
    
    .drivers-info {
        display: none;
    }
    
    .label-drivers {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .label-s-un-hugo {
        width: 100%;
        height: 56px;
        padding-top: 9px;
        text-align: center;
    }

    .sub-labels-s-un-hugo {
        width: 100%;
        height: auto;
        padding: 12px 47px;
        padding-bottom: 30px;
    }

    .join-driver-btn-indx {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 124px;
        height: 36px;
        border-radius: 40px;
        background-color: #8874b6;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-driver-btn-indx:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }

    .img-arc-purple {
        display: none;
    }

    .img-drivers {
        display: none;
    }
    
    .img-drivers-rsp {
        min-width: 100vw;
    }
    
    /* END SECTION be-hugo-driver*/
    

    /* SECTION join-our-team */
    .padding-items {
        padding-left: 52px;
        padding-right: 60px;
    }
    
    .unete-a-nuestro-eq {
        font-family: GothamHTF-XLight;
        font-size: 35px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
        width: 100%;
        padding-bottom: 0px;
        height: auto;
        text-align: center;
    }

    .sub-labels-unete-a-nuestro-eq {
        width: 100%;
        height: auto;
        padding: 21px 50px;
    }

    .join-us-btn-indx {
        display: inline-block;
        position: relative;
        top:-5px;
        margin: auto;
        width: 124px;
        height: 36px;
        border-radius: 40px;
        background-color: #38215c;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-us-btn-indx:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .img-join {
        padding-top: 100px;
        width: 80px;
        position: absolute;
        left: 20px;
    }
    
    /* END SECTION join-our-team */

    footer {
        background-color: #38215c;
        height: 160px;
        width: 100vw;
        position: relative;
    }

}

@media screen and (min-width: 490px) and (max-width: 768px) {
    #shape-2-sections-web {
        display: none;
    }
    
    .btn-web {
        display: none;
    }
    
    .md-web {
        display: none;
    }
    
    #header-index {
        height: 120px;
        width: 100vw;
        position: relative;
    }
    /* fonts */
    .xl-1 {
        
    }

    .xl-2 {
        font-family: GothamHTF-XLight;
        font-size: 35px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
    }

    .md-1 {
        opacity: 0.74;
        font-family: GothamHTF-Book;
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: 0.3px;
        text-align: center;
        color: #1f1f1f;
    }

    .md-2 {
        font-family: GothamHTF-Medium;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }

    .md-3 {
        font-family: GothamHTF-Black;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    /* end fonts */

    .img-phone {
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    .purple-shape-header {
        display: none;
    }
    
    .purple-shape-header-rsp {
        position: absolute;
        top: 290px;
        right: 0px;
        width: 225px;
        z-index: 0;
    }

    .img-header-yellow-shape {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 120px;
    }
    
    .img-header-yellow-shape-2 {
        display: none;
    }

    .green-shape-2sections {
        position: absolute;
        padding-top: 430px;
        width: 150px;
    }

    /* SECTION delivery */

    .delivery-info {
        padding-top: 0px;
        padding-left: 60px;
        padding-right: 40px;
        padding-bottom: 50px;
        text-align: center;
        
    }

    .pide-todo-lo-que-qu {
        font-family: GothamHTF-XLight;
        font-size: 48px;
        font-weight: 300;
        line-height: 1.02;
        letter-spacing: -2px;
        color: #38215c;
        width: auto;
        height: auto;
        text-align: center;
    }

    .sub-pide-todo-lo-que-qu {
        width: auto;
        padding-top: 19px;
        height: auto;
        text-align: center;
    }
    
    .btn-download-hdr {
        display: block;
        margin: 0 auto;
    }

    .img-download-app-1 {
        width:110px;

    }

    .img-download-app-2 {
        width:110px;
        height:33px;
    }
    
    /* END SECTION delivery */
    
    /* SECTION how-it-works */

    .c-mo-funciona-hugo {
        width: 100%;
        height: 14px;
        padding: 60px 0px;
        padding-bottom: 30px;
        text-align: center;
    }

    .lo-que-quieras-a-u {
        width: 100%;
        padding: 0px 190px;
        padding-bottom: 86px;
        height: 49px;
        text-align: center;
    }

    .img-order {
        width: 80px;
        padding-bottom: 0px;
    }

    .img-pay {
        width: 90px;
        padding-bottom: 0px;
    }

    .img-track {
        width: 100px;
        padding-bottom: 0px;
    }

    .labels-sect1 {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        padding-bottom: 10px;
        text-align: center;
    }

    .sub-labels-sect1 {
        width: 100%;
        padding: 46px 20px 50px;
        height: auto;
        text-align: center;
    }

   .download-app-btn {
        width: 184px;
        height: 36px;
        float: right;
        border-radius: 40px;
        background-color: #38215c;
        font-family: GothamHTF-Medium;
        font-weight: 500;
        padding-top: 11px;
        font-size: 10px;
        letter-spacing: 2px;
        text-align: center;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .download-app-btn:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .affiliate-btn {
        width: 184px;
        height: 36px;
        float: left;
        border-radius: 40px;
        border: solid 2px #38215c;
        font-family: GothamHTF-Medium;
        padding-top: 9px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .affiliate-btn:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }
    
    /* END SECTION how-it-works */

    /* SECTION be-hugo-partner*/
    
    .label-partners {
        width: 100%;
        height: 14px;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .label-s-un-partner {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    .sub-labels-s-parte-de-nuestros {
        padding: 20px 0px;
        height: auto;
    }

    .img-orange-shape {
        /*position: absolute;
        padding-top: 490px;
        width: 70px;
        right: 0px;*/
        display: none;
    }

    .join-partner-btn-indx {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color:  #ffd56f;
        margin: auto;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .join-partner-btn-indx:hover {
        background-color: #ffb700;
        color: #38215c;
        text-decoration: none;
    }
    
    .partners-info {
        font-family: GothamHTF-XLight;
        font-size: 35px;
        font-weight: 300;
        line-height: 1.17;
	    letter-spacing: -1.2px;
        color: #38215c;
        padding: 40px 60px 60px 80px;
    }
    
    /* END SECTION be-hugo-partner */

    /* SECTION be-hugo-driver*/
    
    .drivers-info-rsp {
        padding: 45px 60px;
    }
    
    .drivers-info {
        display: none;
    }
    
    .label-drivers {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .label-s-un-hugo {
        width: 100%;
        height: 56px;
        padding-top: 9px;
        text-align: center;
    }

    .sub-labels-s-un-hugo {
        width: 100%;
        height: auto;
        padding: 12px 47px;
        padding-bottom: 30px;
    }

    .join-driver-btn-indx {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color: #8874b6;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-driver-btn-indx:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }

    .img-arc-purple {
        display: none;
    }

    .img-drivers {
        display: none;
    }
    
    .img-drivers-rsp {
        min-width: 100vw;
    }
    
    /* END SECTION be-hugo-driver*/
    

    /* SECTION join-our-team */
    .padding-items {
        padding-left: 52px;
        padding-right: 60px;
    }
    
    .unete-a-nuestro-eq {
        font-family: GothamHTF-XLight;
        font-size: 35px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
        width: 100%;
        padding-bottom: 0px;
        height: auto;
        text-align: center;
    }

    .sub-labels-unete-a-nuestro-eq {
        width: 100%;
        height: auto;
        padding: 21px 50px;
    }

    .join-us-btn-indx {
        display: inline-block;
        position: relative;
        top:-5px;
        margin: auto;
        width: 128px;
        height: 36px;
        border-radius: 40px;
        background-color: #38215c;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-us-btn-indx:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .img-join {
        padding-top: 100px;
        width: 80px;
        position: absolute;
        left: 20px;
    }
    
    /* END SECTION join-our-team */

    footer {
        background-color: #38215c;
        height: 160px;
        width: 100vw;
        position: relative;
    }

}
   
@media screen and (min-width: 769px) and (max-width: 1000px) {
    #shape-2-sections-mobile {
        display: none;
    }
    
    .btn-rsp {
        display: none;
    }

    .md-rsp {
        display: none;
    }
    
    #header-index {
        height: 150px;
        width: 100vw;
        position: relative;
    }
    /* fonts */
    .xl-1 {
        font-family: GothamHTF-XLight;
        font-size: 40px;
        font-weight: 300;
        line-height: 1.02;
        letter-spacing: -2px;
        color: #38215c;
    }

    .xl-2 {
        font-family: GothamHTF-XLight;
        font-size: 32px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
    }

    .md-1 {
        opacity: 0.74;
        font-family: GothamHTF-Book;
        font-size: 15px;
        letter-spacing: 0.3px;
        color: #1f1f1f;
    }

    .md-2 {
        font-family: GothamHTF-Medium;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    
    .md-3 {
        font-family: GothamHTF-Black;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    /* end fonts */

    .img-phone {
        width: 75%;
        float: left;
    }

    .purple-shape-header {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 400px;
        z-index: 0;
    }
    
    .purple-shape-header-rsp {
        display: none;
    }
    
    .img-header-yellow-shape {
        display: none;
    }

    .img-header-yellow-shape-2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
    }

    .green-shape-2sections {
        position: absolute;
        padding-top: 300px;
        width: 150px;
    }

    /* SECTION delivery */

    .delivery-info {
        padding-top: 70px;
        padding-left: 100px;
    }

    .pide-todo-lo-que-qu {
        width: 420px;
        height: auto;
        text-align: left;
    }

    .sub-pide-todo-lo-que-qu {
        width: auto;
        padding-top: 19px;
        height: auto;
        text-align: left;
    }

    .img-download-app-1 {
        position: absolute;
        width:110px;

    }

    .img-download-app-2 {
        position: absolute;
        left: 220px;
        width:110px;
        height:33px;
    }
    
    /* END SECTION delivery */
    
    /* SECTION how-it-works */

    .c-mo-funciona-hugo {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .lo-que-quieras-a-u {
        width: 100%;
        padding-bottom: 20px;
        height: 49px;
        text-align: center;
    }

    .img-order {
        width: 80px;
        padding-bottom: 12px;
    }

    .img-pay {
        width: 90px;
        padding-bottom: 10px;
    }

    .img-track {
        width: 110px;
    }

    .labels-sect1 {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        text-align: center;
    }

    .sub-labels-sect1 {
        width: 100%;
        padding: 45px 20px 0px;
        height: auto;
        text-align: center;
    }

    .download-app-btn {
        width: 216px;
        height: 36px;
        float: right;
        border-radius: 40px;
        background-color: #38215c;
        font-family: GothamHTF-Medium;
        font-weight: 500;
        padding-top: 11px;
        font-size: 10px;
        letter-spacing: 2px;
        text-align: center;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .download-app-btn:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .affiliate-btn {
        width: 216px;
        height: 36px;
        float: left;
        border-radius: 40px;
        border: solid 2px #38215c;
        font-family: GothamHTF-Medium;
        padding-top: 9px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .affiliate-btn:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }
    
    /* END SECTION how-it-works */

    /* SECTION be-hugo-partner*/
    
    .label-partners {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .label-s-un-partner {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    .sub-labels-s-parte-de-nuestros {
        padding: 20px 0px;
        height: auto;
    }

    .img-orange-shape {
        position: absolute;
        padding-top: 30px;
        width: 100px;
        height: 370px;
        right: 0px;
    }

    .join-partner-btn-indx {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color:  #ffd56f;
        margin: auto;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .join-partner-btn-indx:hover {
        background-color: #ffb700;
        color: #38215c;
        text-decoration: none;
    }
    
    .partners-info {
        padding: 70px 100px 0px 39px;
    }
    
    /* END SECTION be-hugo-partner */

    /* SECTION be-hugo-driver*/
    
    .drivers-info {
        padding: 150px 5px 0px 100px;
    }
    
    .drivers-info-rsp {
        display: none;
    }
    
    .label-drivers {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .label-s-un-hugo {
        width: 100%;
        height: 56px;
        padding-top: 9px;
        text-align: center;
    }

    .sub-labels-s-un-hugo {
        width: 100%;
        height: auto;
        padding: 22px 47px;
    }

    .join-driver-btn-indx {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color: #8874b6;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-driver-btn-indx:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }

    .img-arc-purple {
        /*padding-top: 100px;
        width: 100%;
        height: 70%;*/
        position: absolute;
        padding-top: 100px;
        width: 90px;
        height: 450px;
        left: 0px;
    }

    .img-drivers {
        width: 100%;
        height: 100%;
    }
    
    .img-drivers-rsp {
        display: none;
    }
    
    /* END SECTION be-hugo-driver*/
    

    /* SECTION join-our-team */
    .padding-items {
        padding-left: 292px;
        padding-right: 292px;
    }
    
    .unete-a-nuestro-eq {
        width: 100%;
        padding-bottom: 0px;
        height: auto;
        text-align: center;
    }

    .sub-labels-unete-a-nuestro-eq {
        width: 100%;
        height: auto;
        padding: 21px 30px;
    }

    .join-us-btn-indx {
        display: inline-block;
        position: relative;
        top:-5px;
        margin: auto;
        width: 128px;
        height: 36px;
        border-radius: 40px;
        background-color: #38215c;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-us-btn-indx:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .img-join {
        padding-top: 30px;
        position: absolute;
        left: 180px;
    }
    
    /* END SECTION join-our-team */

    footer {
        background-color: #38215c;
        height: 200px;
        width: 100vw;
        position: relative;
    }

}

@media screen and (min-width: 1001px) and (max-width: 1300px) {
    #shape-2-sections-mobile {
        display: none;
    }
    
    .btn-rsp {
        display: none;
    }

    .md-rsp {
        display: none;
    }
    
    #header-index {
        height: 150px;
        width: 100vw;
        position: relative;
    }
    /* fonts */
    .xl-1 {
        font-family: GothamHTF-XLight;
        font-size: 55px;
        font-weight: 300;
        line-height: 1.02;
        letter-spacing: -2px;
        color: #38215c;
    }

    .xl-2 {
        font-family: GothamHTF-XLight;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
    }

    .md-1 {
        opacity: 0.74;
        font-family: GothamHTF-Book;
        font-size: 15px;
        letter-spacing: 0.3px;
        color: #1f1f1f;
    }

    .md-2 {
        font-family: GothamHTF-Medium;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    
    .md-3 {
        font-family: GothamHTF-Black;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    /* end fonts */

    .img-phone {
        width: 75%;
        float: left;
    }

    .purple-shape-header {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 460px;
        z-index: 0;
    }
    
    .purple-shape-header-rsp {
        display: none;
    }

    .img-header-yellow-shape {
        display: none;
    }

    .img-header-yellow-shape-2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
    }

    .green-shape-2sections {
        position: absolute;
        padding-top: 300px;
        width: 180px;
    }

    /* SECTION delivery */

    .delivery-info {
        padding-top: 70px;
        padding-left: 150px;
    }

    .pide-todo-lo-que-qu {
        width: 420px;
        height: auto;
        text-align: left;
    }

    .sub-pide-todo-lo-que-qu {
        width: 300px;
        padding-top: 19px;
        height: auto;
        text-align: left;
    }

    .img-download-app-1 {
        position: absolute;
        width:110px;

    }

    .img-download-app-2 {
        position: absolute;
        left: 270px;
        width:110px;
        height:33px;
    }
    
    /* END SECTION delivery */
    
    /* SECTION how-it-works */

    .c-mo-funciona-hugo {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .lo-que-quieras-a-u {
        width: 100%;
        padding-bottom: 20px;
        height: 49px;
        text-align: center;
    }

    .img-order {
        width: 80px;
        padding-bottom: 12px;
    }

    .img-pay {
        width: 90px;
        padding-bottom: 10px;
    }

    .img-track {
        width: 110px;
    }

    .labels-sect1 {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        text-align: center;
    }

    .sub-labels-sect1 {
        width: 100%;
        padding: 25px 50px 0px;
        height: auto;
        text-align: center;
    }

    .download-app-btn {
        width: 216px;
        height: 36px;
        float: right;
        border-radius: 40px;
        background-color: #38215c;
        font-family: GothamHTF-Medium;
        font-weight: 500;
        padding-top: 11px;
        font-size: 10px;
        letter-spacing: 2px;
        text-align: center;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .download-app-btn:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .affiliate-btn {
        width: 216px;
        height: 36px;
        float: left;
        border-radius: 40px;
        border: solid 2px #38215c;
        font-family: GothamHTF-Medium;
        padding-top: 9px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .affiliate-btn:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }
    
    /* END SECTION how-it-works */

    /* SECTION be-hugo-partner*/
    
    .label-partners {
        width: 100%;
        height: 14px;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .label-s-un-partner {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    .sub-labels-s-parte-de-nuestros {
        padding: 30px 0px;
    }

    .img-orange-shape {
        position: absolute;
        padding-top: 30px;
        width: 120px;
        height: 370px;
        right: 0px;
    }

    .join-partner-btn-indx {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color:  #ffd56f;
        margin: auto;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .join-partner-btn-indx:hover {
        background-color: #ffb700;
        color: #38215c;
        text-decoration: none;
    }
    
    .partners-info {
        padding: 70px 100px 0px 39px;
    }
    
    /* END SECTION be-hugo-partner */

    /* SECTION be-hugo-driver*/
    
    .drivers-info {
        padding: 150px 5px 0px 100px;
    }
    
    .drivers-info-rsp {
        display: none;
    }
    
    .label-drivers {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .label-s-un-hugo {
        width: 100%;
        height: 56px;
        padding-top: 9px;
        text-align: center;
    }

    .sub-labels-s-un-hugo {
        width: 100%;
        height: auto;
        padding: 22px 47px;
    }

    .join-driver-btn-indx {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color: #8874b6;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-driver-btn-indx:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }

    .img-arc-purple {
        /*padding-top: 100px;
        width: 100%;
        height: 70%;*/
        position: absolute;
        padding-top: 100px;
        width: 90px;
        height: 450px;
        left: 0px;
    }

    .img-drivers {
        width: 100%;
        height: 100%;
    }
    
    .img-drivers-rsp {
        display: none;
    }
    
    /* END SECTION be-hugo-driver*/
    

    /* SECTION join-our-team */
    .padding-items {
        padding-left: 292px;
        padding-right: 299px;
    }
    
    .unete-a-nuestro-eq {
        width: 100%;
        padding-bottom: 0px;
        height: auto;
        text-align: center;
    }

    .sub-labels-unete-a-nuestro-eq {
        width: 100%;
        height: 100px;
        padding: 21px 30px;
    }

    .join-us-btn-indx {
        display: inline-block;
        position: relative;
        top:-5px;
        margin: auto;
        width: 128px;
        height: 36px;
        border-radius: 40px;
        background-color: #38215c;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-us-btn-indx:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .img-join {
        padding-top: 30px;
        position: absolute;
        left: 180px;
    }
    
    /* END SECTION join-our-team */

    footer {
        background-color: #38215c;
        height: 200px;
        width: 100vw;
        position: relative;
    }

}

@media screen and (min-width: 1301px) and (max-width: 1500px) {
    #shape-2-sections-mobile {
        display: none;
    }
    
    .btn-rsp {
        display: none;
    }

    .md-rsp {
        display: none;
    }
    
    #header-index {
        height: 150px;
        width: 100vw;
        position: relative;
    }
    /* fonts */
    .xl-1 {
        font-family: GothamHTF-XLight;
        font-size: 55px;
        font-weight: 300;
        line-height: 1.02;
        letter-spacing: -2px;
        color: #38215c;
    }

    .xl-2 {
        font-family: GothamHTF-XLight;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
    }

    .md-1 {
        opacity: 0.74;
        font-family: GothamHTF-Book;
        font-size: 15px;
        letter-spacing: 0.3px;
        color: #1f1f1f;
    }

    .md-2 {
        font-family: GothamHTF-Medium;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    
    .md-3 {
        font-family: GothamHTF-Black;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    /* end fonts */

    .img-phone {
        width: 75%;
        float: left;
    }

    .purple-shape-header {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 460px;
        z-index: 0;
    }
    
    .purple-shape-header-rsp {
        display: none;
    }

    .img-header-yellow-shape {
        display: none;
    }

    .img-header-yellow-shape-2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
    }

    .green-shape-2sections {
        position: absolute;
        padding-top: 300px;
        width: 180px;
    }

    /* SECTION delivery */

    .delivery-info {
        padding-top: 70px;
        padding-left: 150px;
    }

    .pide-todo-lo-que-qu {
        width: 420px;
        height: auto;
        text-align: left;
    }

    .sub-pide-todo-lo-que-qu {
        width: 400px;
        padding-top: 19px;
        height: auto;
        text-align: left;
    }

    .img-download-app-1 {
        position: absolute;
        width:110px;

    }

    .img-download-app-2 {
        position: absolute;
        left: 270px;
        width:110px;
        height:33px;
    }
    
    /* END SECTION delivery */
    
    /* SECTION how-it-works */

    .c-mo-funciona-hugo {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .lo-que-quieras-a-u {
        width: 100%;
        padding-bottom: 20px;
        height: 49px;
        text-align: center;
    }

    .img-order {
        width: 80px;
        padding-bottom: 12px;
    }

    .img-pay {
        width: 90px;
        padding-bottom: 10px;
    }

    .img-track {
        width: 110px;
    }

    .labels-sect1 {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        text-align: center;
    }

    .sub-labels-sect1 {
        width: 100%;
        padding: 25px 50px 0px;
        height: auto;
        text-align: center;
    }

    .download-app-btn {
        width: 216px;
        height: 36px;
        float: right;
        border-radius: 40px;
        background-color: #38215c;
        font-family: GothamHTF-Medium;
        font-weight: 500;
        padding-top: 11px;
        font-size: 10px;
        letter-spacing: 2px;
        text-align: center;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .download-app-btn:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .affiliate-btn {
        width: 216px;
        height: 36px;
        float: left;
        border-radius: 40px;
        border: solid 2px #38215c;
        font-family: GothamHTF-Medium;
        padding-top: 9px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .affiliate-btn:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }
    
    /* END SECTION how-it-works */

    /* SECTION be-hugo-partner*/
    
    .label-partners {
        width: 100%;
        height: 14px;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .label-s-un-partner {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    .sub-labels-s-parte-de-nuestros {
        padding: 20px 0px;
    }

    .img-orange-shape {
        position: absolute;
        padding-top: 30px;
        width: 120px;
        height: 370px;
        right: 0px;
    }

    .join-partner-btn-indx {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color:  #ffd56f;
        margin: auto;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .join-partner-btn-indx:hover {
        background-color: #ffb700;
        color: #38215c;
        text-decoration: none;
    }
    
    .partners-info {
        padding: 70px 100px 0px 39px;
    }
    
    /* END SECTION be-hugo-partner */

    /* SECTION be-hugo-driver*/
    
    .drivers-info {
        padding: 150px 5px 0px 100px;
    }
    
    .drivers-info-rsp {
        display: none;
    }
    
    .label-drivers {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .label-s-un-hugo {
        width: 100%;
        height: 56px;
        padding-top: 9px;
        text-align: center;
    }

    .sub-labels-s-un-hugo {
        width: 100%;
        height: auto;
        padding: 22px 47px;
    }

    .join-driver-btn-indx {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color: #8874b6;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-driver-btn-indx:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }

    .img-arc-purple {
        /*padding-top: 100px;
        width: 100%;
        height: 70%;*/
        position: absolute;
        padding-top: 100px;
        width: 90px;
        height: 450px;
        left: 0px;
    }

    .img-drivers {
        width: 100%;
        height: 100%;
    }
    
    .img-drivers-rsp {
        display: none;
    }
    
    /* END SECTION be-hugo-driver*/
    

    /* SECTION join-our-team */
    .padding-items {
        padding-left: 292px;
        padding-right: 299px;
    }
    
    .unete-a-nuestro-eq {
        width: 100%;
        padding-bottom: 0px;
        height: auto;
        text-align: center;
    }

    .sub-labels-unete-a-nuestro-eq {
        width: 100%;
        height: 100px;
        padding: 21px 30px;
    }

    .join-us-btn-indx {
        display: inline-block;
        position: relative;
        top:-5px;
        margin: auto;
        width: 128px;
        height: 36px;
        border-radius: 40px;
        background-color: #38215c;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-us-btn-indx:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .img-join {
        padding-top: 30px;
        position: absolute;
        left: 180px;
    }
    
    /* END SECTION join-our-team */

    footer {
        background-color: #38215c;
        height: 200px;
        width: 100vw;
        position: relative;
    }

}

@media screen and (min-width: 1501px) and (max-width: 2000px) {
    #shape-2-sections-mobile {
        display: none;
    }
    
    .btn-rsp {
        display: none;
    }

    .md-rsp {
        display: none;
    }
    
    #header-index {
        height: 150px;
        width: 100vw;
        position: relative;
    }
    /* fonts */
    .xl-1 {
        font-family: GothamHTF-XLight;
        font-size: 55px;
        font-weight: 300;
        line-height: 1.02;
        letter-spacing: -2px;
        color: #38215c;
    }

    .xl-2 {
        font-family: GothamHTF-XLight;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
    }

    .md-1 {
        opacity: 0.74;
        font-family: GothamHTF-Book;
        font-size: 15px;
        letter-spacing: 0.3px;
        color: #1f1f1f;
    }

    .md-2 {
        font-family: GothamHTF-Medium;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    
    .md-3 {
        font-family: GothamHTF-Black;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    /* end fonts */

    .img-phone {
        width: 75%;
        float: left;
    }

    .purple-shape-header {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 460px;
        z-index: 0;
    }
    
    .purple-shape-header-rsp {
        display: none;
    }

    .img-header-yellow-shape {
        display: none;
    }

    .img-header-yellow-shape-2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
    }

    .green-shape-2sections {
        position: absolute;
        padding-top: 300px;
        width: 180px;
    }

    /* SECTION delivery */

    .delivery-info {
        padding-top: 70px;
        padding-left: 150px;
    }

    .pide-todo-lo-que-qu {
        width: 420px;
        height: auto;
        text-align: left;
    }

    .sub-pide-todo-lo-que-qu {
        width: 400px;
        padding-top: 19px;
        height: auto;
        text-align: left;
    }

    .img-download-app-1 {
        position: absolute;
        width:110px;

    }

    .img-download-app-2 {
        position: absolute;
        left: 270px;
        width:110px;
        height:33px;
    }
    
    /* END SECTION delivery */
    
    /* SECTION how-it-works */

    .c-mo-funciona-hugo {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .lo-que-quieras-a-u {
        width: 100%;
        padding-bottom: 20px;
        height: 49px;
        text-align: center;
    }

    .img-order {
        width: 80px;
        padding-bottom: 12px;
    }

    .img-pay {
        width: 90px;
        padding-bottom: 10px;
    }

    .img-track {
        width: 110px;
    }

    .labels-sect1 {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        text-align: center;
    }

    .sub-labels-sect1 {
        width: 100%;
        padding: 25px 50px 0px;
        height: auto;
        text-align: center;
    }

    .download-app-btn {
        width: 216px;
        height: 36px;
        float: right;
        border-radius: 40px;
        background-color: #38215c;
        font-family: GothamHTF-Medium;
        font-weight: 500;
        padding-top: 11px;
        font-size: 10px;
        letter-spacing: 2px;
        text-align: center;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .download-app-btn:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .affiliate-btn {
        width: 216px;
        height: 36px;
        float: left;
        border-radius: 40px;
        border: solid 2px #38215c;
        font-family: GothamHTF-Medium;
        padding-top: 9px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .affiliate-btn:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }
    
    /* END SECTION how-it-works */

    /* SECTION be-hugo-partner*/
    
    .label-partners {
        width: 100%;
        height: 14px;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .label-s-un-partner {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    .sub-labels-s-parte-de-nuestros {
        padding: 30px 0px;
    }

    .img-orange-shape {
        position: absolute;
        padding-top: 30px;
        width: 120px;
        height: 370px;
        right: 0px;
    }

    .join-partner-btn-indx {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color:  #ffd56f;
        margin: auto;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .join-partner-btn-indx:hover {
        background-color: #ffb700;
        color: #38215c;
        text-decoration: none;
    }
    
    .partners-info {
        padding: 70px 100px 0px 39px;
    }
    
    /* END SECTION be-hugo-partner */

    /* SECTION be-hugo-driver*/
    
    .drivers-info {
        padding: 150px 5px 0px 100px;
    }
    
    .drivers-info-rsp {
        display: none;
    }
    
    .label-drivers {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .label-s-un-hugo {
        width: 100%;
        height: 56px;
        padding-top: 9px;
        text-align: center;
    }

    .sub-labels-s-un-hugo {
        width: 100%;
        height: auto;
        padding: 22px 47px;
    }

    .join-driver-btn-indx {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color: #8874b6;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-driver-btn-indx:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }

    .img-arc-purple {
        /*padding-top: 100px;
        width: 100%;
        height: 70%;*/
        position: absolute;
        padding-top: 100px;
        width: 90px;
        height: 450px;
        left: 0px;
    }

    .img-drivers {
        width: 100%;
        height: 100%;
    }
    
    .img-drivers-rsp {
        display: none;
    }
    
    /* END SECTION be-hugo-driver*/
    

    /* SECTION join-our-team */
    .padding-items {
        padding-left: 292px;
        padding-right: 299px;
    }
    
    .unete-a-nuestro-eq {
        width: 100%;
        padding-bottom: 0px;
        height: auto;
        text-align: center;
    }

    .sub-labels-unete-a-nuestro-eq {
        width: 100%;
        height: 100px;
        padding: 21px 30px;
    }

    .join-us-btn-indx {
        display: inline-block;
        position: relative;
        top:-5px;
        margin: auto;
        width: 128px;
        height: 36px;
        border-radius: 40px;
        background-color: #38215c;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-us-btn-indx:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .img-join {
        padding-top: 30px;
        position: absolute;
        left: 180px;
    }
    
    /* END SECTION join-our-team */

    footer {
        background-color: #38215c;
        height: 200px;
        width: 100vw;
        position: relative;
    }

}

@media screen and (min-width: 2001px) {
    #shape-2-sections-mobile {
        display: none;
    }
    
    .btn-rsp {
        display: none;
    }

    .md-rsp {
        display: none;
    }
    
    #header-index {
        height: 150px;
        width: 100vw;
        position: relative;
    }
    /* fonts */
    .xl-1 {
        font-family: GothamHTF-XLight;
        font-size: 55px;
        font-weight: 300;
        line-height: 1.02;
        letter-spacing: -2px;
        color: #38215c;
    }

    .xl-2 {
        font-family: GothamHTF-XLight;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -1.5px;
        color: #38215c;
    }

    .md-1 {
        opacity: 0.74;
        font-family: GothamHTF-Book;
        font-size: 15px;
        letter-spacing: 0.3px;
        color: #1f1f1f;
    }

    .md-2 {
        font-family: GothamHTF-Medium;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    
    .md-3 {
        font-family: GothamHTF-Black;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 3.9px;
        color: #38215c;
    }
    /* end fonts */

    .img-phone {
        width: 75%;
        float: left;
    }

    .purple-shape-header {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 460px;
        z-index: 0;
    }
    
    .purple-shape-header-rsp {
        display: none;
    }

    .img-header-yellow-shape {
        display: none;
    }

    .img-header-yellow-shape-2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
    }

    .green-shape-2sections {
        position: absolute;
        padding-top: 300px;
        width: 180px;
    }

    /* SECTION delivery */

    .delivery-info {
        padding-top: 70px;
        padding-left: 150px;
    }

    .pide-todo-lo-que-qu {
        width: 420px;
        height: auto;
        text-align: left;
    }

    .sub-pide-todo-lo-que-qu {
        width: 400px;
        padding-top: 19px;
        height: auto;
        text-align: left;
    }

    .img-download-app-1 {
        position: absolute;
        width:110px;

    }

    .img-download-app-2 {
        position: absolute;
        left: 270px;
        width:110px;
        height:33px;
    }
    
    /* END SECTION delivery */
    
    /* SECTION how-it-works */

    .c-mo-funciona-hugo {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .lo-que-quieras-a-u {
        width: 100%;
        padding-bottom: 20px;
        height: 49px;
        text-align: center;
    }

    .img-order {
        width: 80px;
        padding-bottom: 12px;
    }

    .img-pay {
        width: 90px;
        padding-bottom: 10px;
    }

    .img-track {
        width: 110px;
    }

    .labels-sect1 {
        width: 100%;
        height: 14px;
        padding-top: 20px;
        text-align: center;
    }

    .sub-labels-sect1 {
        width: 100%;
        padding: 25px 50px 0px;
        height: auto;
        text-align: center;
    }

    .download-app-btn {
        width: 216px;
        height: 36px;
        float: right;
        border-radius: 40px;
        background-color: #38215c;
        font-family: GothamHTF-Medium;
        font-weight: 500;
        padding-top: 11px;
        font-size: 10px;
        letter-spacing: 2px;
        text-align: center;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .download-app-btn:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .affiliate-btn {
        width: 216px;
        height: 36px;
        float: left;
        border-radius: 40px;
        border: solid 2px #38215c;
        font-family: GothamHTF-Medium;
        padding-top: 9px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .affiliate-btn:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }
    
    /* END SECTION how-it-works */

    /* SECTION be-hugo-partner*/
    
    .label-partners {
        width: 100%;
        height: 14px;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .label-s-un-partner {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    .sub-labels-s-parte-de-nuestros {
        padding: 30px 0px;
    }

    .img-orange-shape {
        position: absolute;
        padding-top: 30px;
        width: 120px;
        height: 370px;
        right: 0px;
    }

    .join-partner-btn-indx {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color:  #ffd56f;
        margin: auto;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #38215c;
        transition: all 0.5s ease;
    }

    .join-partner-btn-indx:hover {
        background-color: #ffb700;
        color: #38215c;
        text-decoration: none;
    }
    
    .partners-info {
        padding: 70px 100px 0px 39px;
    }
    
    /* END SECTION be-hugo-partner */

    /* SECTION be-hugo-driver*/
    
    .drivers-info {
        padding: 150px 5px 0px 100px;
    }
    
    .drivers-info-rsp {
        display: none;
    }
    
    .label-drivers {
        width: 100%;
        height: 14px;
        padding-bottom: 20px;
        text-align: center;
    }

    .label-s-un-hugo {
        width: 100%;
        height: 56px;
        padding-top: 9px;
        text-align: center;
    }

    .sub-labels-s-un-hugo {
        width: 100%;
        height: auto;
        padding: 22px 47px;
    }

    .join-driver-btn-indx {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 184px;
        height: 36px;
        border-radius: 40px;
        background-color: #8874b6;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-driver-btn-indx:hover {
        background-color: #38215c;
        color: #ffffff;
        text-decoration: none;
    }

    .img-arc-purple {
        /*padding-top: 100px;
        width: 100%;
        height: 70%;*/
        position: absolute;
        padding-top: 100px;
        width: 90px;
        height: 450px;
        left: 0px;
    }

    .img-drivers {
        width: 100%;
        height: 100%;
    }
    
    .img-drivers-rsp {
        display: none;
    }
    
    /* END SECTION be-hugo-driver*/
    

    /* SECTION join-our-team */
    .padding-items {
        padding-left: 292px;
        padding-right: 299px;
    }
    
    .unete-a-nuestro-eq {
        width: 100%;
        padding-bottom: 0px;
        height: auto;
        text-align: center;
    }

    .sub-labels-unete-a-nuestro-eq {
        width: 100%;
        height: 100px;
        padding: 21px 30px;
    }

    .join-us-btn-indx {
        display: inline-block;
        position: relative;
        top:-5px;
        margin: auto;
        width: 128px;
        height: 36px;
        border-radius: 40px;
        background-color: #38215c;
        padding-top: 10px;
        font-family: GothamHTF-Medium;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 0.5s ease;
    }

    .join-us-btn-indx:hover {
        background-color: #8874b6;
        color: #ffffff;
        text-decoration: none;
    }

    .img-join {
        padding-top: 30px;
        position: absolute;
        left: 180px;
    }
    
    /* END SECTION join-our-team */

    footer {
        background-color: #38215c;
        height: 200px;
        width: 100vw;
        position: relative;
    }

}


