body {
    background-color: #dfdfdf;
}

header {
    z-index: 99999;
}

.navbar {
    background: #FFF !important;
    height: 80px;
}

main {
    margin-top: 80px;
}

.banner {
    height: calc(100vh - 80px);
    background: url(../img/fondo-main.png) center center no-repeat;
    
    background-size:cover;
}

.logotype {
    height: 40px !important;
}

.banner__title {
    font-size: 4.5rem;
}

.btn-primary {
    height: 48px;
    background: #00cc66 !important;
    border-color: #00cc66 !important;
    width: 323px;
    font-size: 19px;
    text-transform: uppercase;
    align-content: center;
    font-weight: bold;
    text-align: start;
}

.banner__titleh1 {
    font-family: Arial;
    color: #00cc66;
    text-shadow: -15px 0px #07581cb6;
    letter-spacing: 4px;
    font-weight: 1000;
    font-size: 8rem;
}

.banner__parrafo {
    font-size: 2rem;
}

article,
.boxgestion {
    max-width: 1140px;
    margin: 50px auto !important;
    width: 90%;
}

.pricediv {
    background-color: #0004;
    border-radius: 8px;
    border: 2px solid #56da77;
}

.card {
    height: 150px;
    text-align: center !important;
    align-items: center !important;
}

.card-body {
    align-content: center;
}

.card-title {
    font-size: 20px;
}

#navbarSupportedContent {
    display: flex ;
}
.devices{
    background: url(../img/mujer-byteflow.png) center center no-repeat ;
    background-size: cover;
    height: 540px;
}
.title-device{
    letter-spacing: 1.5px;
    font-size: 3.5rem;
}
.descriptionUppercase{
    letter-spacing: 3px;
}
@media (max-width:1080px) {
    .banner__titleh1 {
        font-size: 5rem;
    }

    .banner__title {
        font-size: 2rem;
    }

    .banner__parrafo {
        font-size: 1rem;
    }
    .title-device{
        letter-spacing: 1.5px;
        font-size: 2.4rem;
    }
}

@media (max-width:991px) {
    #navbarSupportedContent {
        display: none ;
    }
    .navbar > .container-fluid{
        background-color: #FFF;
    }
    .title-device{
        letter-spacing: 1.5px;
        font-size: 2rem;
    }
    .devices{
        background: url(../img/mujer-byteflow.png) 80% center no-repeat ;
        background-size: cover;
        height: 540px;
    }
}

@media (max-width:767px) {
    .banner__titleh1 {
        font-size: 3rem;
    }

    .banner__title {
        font-size: 1.3rem;
    }

}

@media (max-width:767px) {
    .banner__titleh1 {
        font-size: 1.8rem;
        text-shadow: -4px 0px #07581cb6;
    }

}