@media (min-width: 576px) { }

/* Dispositivos médios (tablets com 768px ou mais) */
@media (min-width: 768px) { }

/* Dispositivos large - desktops com 992px ou mais */
@media (min-width: 992px) { }

/* Dispositivos extra large (desktops grandes com 1200px ou mais) */
@media (min-width: 1200px) { }

body{
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
}
.container-fluid{
    width: auto;
    padding: 0;
}



/* BLOCO 1 */
.block-01{
    background-image: url('../assets/img/imagem-01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -150px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.block-01-a{
    margin-left: 350px;
    width: 500px;
    padding-top: 40px;
}
.block-01 h1{
    color: #003580;
    font-size: 48px;
    font-weight: bolder;
}

.block-01-a h5{
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    line-height: 0.9;
}
.row{
    margin: 0;
}

.form-cad{
    background-color: #0035807c ;
    width: 300px;
    padding: 20px 5px 0px 5px;
    margin-left: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.form-group .row{
    width: 100%;
}
.form-control{
    border-radius: 0px;
    background-color: #00358000;
    border-color: #abc7ee;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 50px;
}
.form-control::placeholder{
    vertical-align: middle;
    font-size: 26px !important;
    color: #fff;
}
.btn{
    border-radius: 0%;
    height: 50px;
    width: 100%;
    padding-top: 0px;

}
.btn-info{
    background-color: #00bde2;
    border-color: #cadee2;
}
.btn-primary{
    background-color: #003580;
    border-color: #abc7ee;
}
.btn-link{
    margin-top: -10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    height: 30px;
}
.btn-entrar{
    font-size: 30px;
}
.btn-cadastrar{
    font-size: 30px;
}




/* BLOCO 2 */
.block-02{
    background-image: url('../assets/img/imagem-02-bg.png');
    background-repeat: no-repeat;  
    background-size: contain;
    width: auto;
    height: 100%;
    padding-top: 40px;

}
.col-icons-invest{
    padding-right: 0;
    margin-left: -50px;
}
.col-texts-invest{
    padding-left: 0;
}
.col-invest{
    border-right: #0098cc solid 2px;
    
}

.col-invest-2{
    border-left: #fff solid 2px;

}

.icon-invest-svg{
    width: 45px;
    border-radius: 15px;
}
.icon-invest-text{
    margin-left: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;
}
.icon-invest-name{
    margin-left: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: rgb(110, 109, 109);
}
.span-invest{
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 900;
    margin-top: 15px !important;
    margin-left: 25%;
    margin-right: 25%;
}

.span-invest2{
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 900;
    margin-top: 20px !important;
    margin-left: 25%;
    margin-right: 25%;
}

.span-invest-mobile{
    display: none;
}

.bloco-2-subbloco{
    margin-top: 70px;
    margin-bottom: 70px;
}
.row-h1-block-02{
    padding-top: 0px;
    padding-bottom: 0px;
}
.h1-block-02{
    color:#003580;
}

.row-btns-block-02{
    padding-top: 30px;
    padding-bottom: 50px;
}
.row-card{
    padding-top:50px;
    padding-bottom: 50px;
}

.card{
    width: 230px;
    
}
.top-card{
    align-items: end;
    width: 100%;
}
.bottom-card{
    text-align: center;
}
.card-block-2{
    background-image: linear-gradient(
  180deg,
  hsl(195deg 100% 40%) 0%,
  hsl(195deg 100% 41%) 11%,
  hsl(194deg 100% 41%) 22%,
  hsl(193deg 100% 41%) 33%,
  hsl(193deg 100% 42%) 44%,
  hsl(192deg 100% 42%) 56%,
  hsl(191deg 100% 43%) 67%,
  hsl(191deg 100% 43%) 78%,
  hsl(190deg 100% 44%) 89%,
  hsl(190deg 100% 44%) 100%
);
    border-radius: 0%;
}

.icon-card{
    margin-top: -2px;
    margin-left: 155px;
}
.card-img-top{
    margin-top: -20px;
    text-align: center;
    width: 85px;
    height: 85px;
}

.card-title{
    font-size: 24px;
    font-family: 'Roboto';
}

.card-text{
    margin-top: 20px;
    font-size: 16px;
    font-family: 'Roboto';
}
.icone-cross-claro-bloco-2-mobile{
    display: none;
}
.icone-cross-claro-bloco-2{
    margin-left: 150px;
}
.icone-cross-escuro-bloco-2-mobile{
    display: none;
}

.icone-cross-escuro-bloco-2{
    margin-left: -180px;
    margin-top: -20px;
}

.btn-bloco-2{
    margin-left: 10px;
    width: 250px;
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* BLOCO 3 */
.block-03{
    background-color: #00bde2;
    padding-top: 50px;
    padding-bottom: 0px;
}

.h1-block-03{
    color:#003580;
    font-size: 28px;
    font-weight: 500;
}

.text-white-bloco-3{
    font-weight: 400;
    font-size: 18px;
}


/* BLOCO 4 */
.block-04{
    background-color: #003580;
    padding-top: 50px;
}
.h1-bloco-4{
    font-size: 52px;
}

.text-white-bloco-4{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto';
}



/* BLOCO 5 */
.block-05{
    background-color: #0098cc;
    padding-top: 50px;
    padding-bottom: 50px;
}

.h1-bloco-5{
    font-size: 52px;
}

.text-white-bloco-5{
    
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto';
}



/* BLOCO 6 */
.block-06{
    background-color: #fff;
    color: #003580;
    padding-top: 50px;
}

.text-app{
    width: 400px;
    font-size: 48px;
    
}
.logo-store{
    width: 200px;
}
.icone-cross-escuro-bloco-6{
    margin-left: 30px;
}


/* FOOTER */

.logo_branco{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    height: 60px;
}



@media only screen and (max-width: 600px) {

    .nav{
        display: none;
    }
    .block-01{
        background-image: url('../assets/img/imagem-01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .block-01-a{
        margin-left: 10px;
        width: auto;
        padding-top: 40px;
    }
    .block-01 h1{
        color: #003580;
        font-size: 48px;
    }
    
    .block-01-a h5{
        color: #fff;
        font-weight: 400;
        font-size: 22px;
        line-height: 0.9;
    }
    .row{
        margin: 0;
    }
    
    .form-cad{
        background-color: #0035807c ;
        width: auto;
        padding: 20px 5px 0px 5px;
        margin-left: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .form-group .row{
        width: 100%;
    }
    .form-control{
        border-radius: 0px;
        background-color: #00358000;
        border-color: #abc7ee;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 50px;
    }
    .form-control::placeholder{
        vertical-align: middle;
        font-size: 26px !important;
        color: #fff;
    }
    .btn{
        border-radius: 0%;
        height: 50px;
        width: 100%;
        padding-top: 0px;
    
    }
    .btn-info{
        background-color: #00bde2;
        border-color: #cadee2;
    }
    .btn-primary{
        background-color: #003580;
        border-color: #abc7ee;
    }
    .btn-link{
        margin-top: -10px;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        height: 30px;
    }
    .btn-entrar{
        font-size: 30px;
    }
    .btn-cadastrar{
        font-size: 30px;
    }
    
    /* BLOCO 2 */
.block-02{
    width: auto;
    height: 100%;
    padding-top: 40px;
    text-align: center;

}

.col-invest{
    border-right: #0098cc solid 2px;
}

.col-invest-2{
    border-left: #fff solid 2px;
}
.span-invest-mobile{
    display: inline;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 900;
    margin-left: 100px;
}
.span-invest{
    display: none;
}

.span-invest2{
    display: none;
}

.bloco-2-subbloco{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.icone-cross-claro-bloco-2{
    display: none;
}

.icone-cross-escuro-bloco-2{
    display: none;
}

.icone-cross-escuro-bloco-2-mobile{
    margin-left: 270px;
    display: inline;
}

.icone-cross-claro-bloco-2-mobile{
    margin-right: 270px;
    display: inline;
}


.row-h1-block-02{
    padding-top: 0px;
    padding-bottom: 0px;
}
.h1-block-02{
    color:#003580;
    font-size: 28px;
}

.row-btns-block-02{
    padding-top: 30px;
    padding-bottom: 50px;
}
.row-card{
    padding-top:50px;
    padding-bottom: 50px;
}

.card{
    width: 100%;
    height: 300px;
    margin-bottom: 50px;
    
}
.top-card{
    align-items: end;
    width: 100%;
}
.bottom-card{
    text-align: center;
}
.card-block-2{
    background-image: linear-gradient(
  180deg,
  hsl(195deg 100% 40%) 0%,
  hsl(195deg 100% 41%) 11%,
  hsl(194deg 100% 41%) 22%,
  hsl(193deg 100% 41%) 33%,
  hsl(193deg 100% 42%) 44%,
  hsl(192deg 100% 42%) 56%,
  hsl(191deg 100% 43%) 67%,
  hsl(191deg 100% 43%) 78%,
  hsl(190deg 100% 44%) 89%,
  hsl(190deg 100% 44%) 100%
);
    border-radius: 0%;
}

.icon-card{
    margin-top: -2px;
    margin-left: 285px;
}
.card-img-top{
    margin-top: -20px;
    text-align: center;
    width: 85px;
    height: 85px;
}

.card-title{
    font-size: 24px;
    font-family: 'Roboto';
}

.card-text{
    margin-top: 20px;
    font-size: 16px;
    font-family: 'Roboto';
}


.btn-bloco-2{
    margin-left: 10px;
    margin-bottom: 20px;
    width: 250px;
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
}


/* BLOCO 6 */
.block-06{
    background-color: #fff;
    color: #003580;
    padding-top: 50px;
    text-align: center;
}

.text-app{
    width: auto;
    font-size: 48px;
    
}
.logo-store{
    width: 200px;
}


.icone-cross-claro-bloco-6{
    margin-left: -290px;
}

.icone-cross-escuro-bloco-6{
    margin-left: 280px;
}
.text-disponibilidade{
    font-size: 14px;
}

.img-lojas{
    width: 90%;
    margin-bottom: 30px;
}

.seta-escura{
    text-align: center;
}


.seta-clara{
    text-align: center;
}
  }