:root{
    --border-md: 15px;
    --border-lg: 20px;
    --border-xl: 30px;
}

@media (max-width: 576px) {
    #carouselIndex .carousel-caption{
        right: 1%;
        left: 1%;
    }

    section.products .sec1 .btn-product{
        width: 100%;
    }

    section.products .btn-product{
        min-height: 25px;
    }
}

/*-- md (ipad) --*/
@media (min-width: 768px) {
    /*-- Altura --*/
    section.sections div.row>div{
        min-height: 200px;
    }
    /*-- borders --*/
    section.sections div.row>div:nth-child(1){
        border-right: var(--border-md) solid white;
        border-bottom: var(--border-md) solid white;
    }
    section.sections div.row>div:nth-child(2){
        border-left: var(--border-md) solid white;
        border-bottom: var(--border-md) solid white;
    }
    section.sections div.row>div:nth-child(3){
        border-top: var(--border-md) solid white;
        border-right: var(--border-md) solid white;
    }
    section.sections div.row>div:nth-child(4){
        border-top: var(--border-md) solid white;
        border-left: var(--border-md) solid white;
    }
    /*-- carousel --*/
    #carouselIndex .carousel-caption{
        top: 20%;
        bottom: 15%;
        margin: auto;
    }

    /*-- footer --*/
    footer .triangulo3{
        position: absolute;
        top: -66%;
        left: 0;
        width: 50%;
    }

    /*--  --*/
    section.best-products .triangulo{
        position: absolute;
        right: 0px;
        top: -90%;
        width: 20%;
        
    }
    section.best-products .triangulo2{
        position: absolute;
        right: 0px;
        width: 90%;
        z-index: -1;
    }

    /*-- founders --*/
    section .semicircle{
        position: absolute;
        z-index: -1;
        right: 0px;
        top: -25%;
        width: 25%;
    }

    /*-- marketing and solidity --*/
    section .semicircle2{
        position: absolute;
        z-index: -1;
        right: 0px;
        bottom: -10%;
        width: 35%;
    }
}

/*-- lg (ipad pro) --*/
@media (min-width: 992px) {
    /*-- Altura --*/
    section.sections div.row>div{
        min-height: 250px;
    }
    /*-- borders --*/
    section.sections div.row>div:nth-child(1){
        border-right: var(--border-lg) solid white;
        border-bottom: var(--border-lg) solid white;
    }
    section.sections div.row>div:nth-child(2){
        border-left: var(--border-lg) solid white;
        border-bottom: var(--border-lg) solid white;
    }
    section.sections div.row>div:nth-child(3){
        border-top: var(--border-lg) solid white;
        border-right: var(--border-lg) solid white;
    }
    section.sections div.row>div:nth-child(4){
        border-top: var(--border-lg) solid white;
        border-left: var(--border-lg) solid white;
    }
    /*-- carousel --*/
    #carouselIndex .carousel-caption{
        top: 25%;
        bottom: 15%;
        margin: auto;
    }

    /*-- footer --*/
    footer .triangulo3{
        position: absolute;
        top: inherit;
        bottom: 35%;
        left: 0;
        width: 40%;
    }

    /*--  --*/
    section.best-products .triangulo{
        position: absolute;
        right: 0px;
        top: -120%;
        width: 20%;
        
    }
    section.best-products .triangulo2{
        position: absolute;
        right: 0px;
        width: inherit;
        z-index: -1;
    }

    /*--  --*/
    section.separador-top{
        height: 150px;
    }
    section.separador-bottom{
        height: 150px;
    }

    /*-- founders --*/
    section .semicircle{
        position: absolute;
        z-index: -1;
        right: 0px;
        top: -45%;
        width: 25%;
    }

    /*-- marketing and solidity --*/
    section .semicircle2{
        position: absolute;
        z-index: -1;
        right: 0px;
        bottom: -10%;
        width: 30%;
    }
}

/*-- xl --*/
@media (min-width: 1200px) {
    /*-- Altura --*/
    section.sections div.row>div{
        min-height: 350px;
    }
    /*-- borders --*/
    section.sections div.row>div:nth-child(1){
        border-right: var(--border-xl) solid white;
        border-bottom: var(--border-xl) solid white;
    }
    section.sections div.row>div:nth-child(2){
        border-left: var(--border-xl) solid white;
        border-bottom: var(--border-xl) solid white;
    }
    section.sections div.row>div:nth-child(3){
        border-top: var(--border-xl) solid white;
        border-right: var(--border-xl) solid white;
    }
    section.sections div.row>div:nth-child(4){
        border-top: var(--border-xl) solid white;
        border-left: var(--border-xl) solid white;
    }
    /*-- carousel --*/
    #carouselIndex .carousel-caption{
        top: 30%;
        bottom: 15%;
        margin: auto;
    }

    /*-- footer --*/
    footer .triangulo3{
        position: absolute;
        top: inherit;
        bottom: 0 !important;
        left: 0;
        width: 30%;
    }

    /*--  --*/
    section.best-products .triangulo{
        position: absolute;
        right: 0px;
        top: -190%;
        
    }
    section.best-products .triangulo2{
        position: absolute;
        right: 0px;
        width: inherit;
        z-index: -1;
    }
    /*--  --*/
    section.separador-top{
        height: 222px;
    }
    section.separador-bottom{
        height: 400px;
    }

    /*-- founders --*/
    section .semicircle{
        position: absolute;
        z-index: -1;
        right: 0px;
        top: -60%;
        width: 18%;
    }

    /*-- marketing and solidity --*/
    section .semicircle2{
        position: absolute;
        z-index: -1;
        right: 0px;
        bottom: -10%;
        width: 18%;
    }
}