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

    #calltoaction>div>div>a {
        font-size: 18px;
    }

    #calltoaction>div>div>span {
        font-size: 16px;
    }
}

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

    .logo-header {
        width: 125px;
        height: auto;
    }

    .navbar-toggler {
        align-self: center;
    }

    .offcanvas {
        width: 250px !important;
        /* Ajusta el ancho según tus necesidades */
    }

    .tituloyservicios {
        transform: translate(0%, -115px);
    }

    .img-proyecto {
        position: absolute;
        left: 50%;
        width: 200px;
        transform: translate(-50%, -25%);
    }

    .bg-nucleo,
    .bg-section {
        border: 1px solid rgba(57, 255, 20, 1) !important;
    }

    #calltoaction>div>div>a {
        font-size: 350px;
    }

    #calltoaction>div>div>span {
        font-size: 25px;
    }

}

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

    #calltoaction>div>div>a {
        font-size: 32px;
    }

    #calltoaction>div>div>span {
        font-size: 26px;
    }
}