body {

    background: url(https://fondosmil.com/fondo/17024.jpg);
    overflow-x: hidden;

}


.navbar {

    background: url(https://images6.alphacoders.com/130/1307777.jpg);

    font-weight: bold;

}

.navbar-brand {
    font-size: 36px;
    color: rgb(255, 255, 255);
}

.nav-link {
    color: rgb(255, 255, 255);
}

.navbar-nav {
    margin-left: 180px;
}

.nav-link.active {
    color: rgb(0, 131, 231) !important;
}

.navbar-nav .nav-link:hover {
    color: rgb(0, 168, 246) !important;
}

.imagecarousel {
    width: 1900px;
    height: 450px;
    
}

.homecards {
    margin-top: 30px;
    width: 1200px;
    margin-left: 350px;
}

.card-img-top {
    transform: translate(163%, 7%);
    width: 90px;
}

.card{
    color: white;
    background-color: rgba(0, 147, 215, 0.165);
}

.projects {
    margin-left: 695px;
    color: rgb(255, 255, 255);
}


.cardproject{
    margin-left: 370px;
    width: 550px;
    color: white;
    background-color: rgba(28, 110, 232, 0.124);
    text-align: center;
    position: absolute;
}

.cardproject{
    margin-left: 370px;
    width: 550px;
    color: white;
    background-color: rgba(28, 110, 232, 0.124);
    text-align: center;
    position: absolute;
}

.card-img-topproject{
    width: 550px;
}

.cardproject2{
    margin-left: 980px;
    width: 550px;
    color: white;
    background-color: rgba(0, 204, 255, 0.37);
    text-align: center;
    position: absolute;


}

.card-img-topproject2{
    width: 550px;
}

@media (max-width: 767px) {
    
    .homecards {
        justify-content: center;
        width: 360px;
        margin-top: 30px;
        margin-left: 32px;
    }
    .card-img-top {
        width: 86px;
    }

    .btn.btn-success{
        transform: translate(45%, -180%);
        width: 250px;
    }

    .nav-link {
        color: rgb(255, 255, 255);
        margin-left: -185px;
    }

    .carousel{
        width: 430px;
    }

    .imagecarousel {
        width: 430px;
        height: 200px;
        
    }

    .projects {
        margin-left: 59px;
        color: rgb(255, 255, 255);
    }

    .navbar-brand {
        font-size: 25px;
        color: white;
    }

    .navbar{
        width: 430px;
    }


    .cardproject {  
        width: 380px;
        margin-left: 22px;
    }

    .cardproject2 {
        margin-top: 355px;
        width: 380px;
        margin-left: 22px;
       
    }

    .card-img-topproject {
        margin-left: 1.5px;
        width: 360px;
    }

    .card-img-topproject2{
        margin-left: 0px;
        width: 360px;
    }

}