@media (min-width: 600px ) {

    #preloader {
        padding-top: 8rem;
    }

    .preloader-logo {
        width: 300px !important;
    }

    .spinner-waves {
        width: 100px;
        height: 100px;
    }

    .loading-text {
        font-size: 1.3rem !important;
    }

    .progress-container {
        width: 240px !important;
    }

    .bground{
        max-width: 340px !important;
    }
    .typewriter-line {
        font-size: 2.6rem;
    }
    .animacion {
        max-width: 510px !important;
    }

    .contact_cont {
        max-width: 480px !important;
    }

    .contact_cont .v-icon{
        font-size: 3rem;
    }

    .contact_item span {
        font-size: 1.1rem;  
    }

    .derechos p {
        font-size: 1.2rem !important;
    }
}

@media (min-width: 992px) {

    .custom-cursor {
        width: 125px !important;
        height: 125px !important;
    }

    .bground{
        max-width: 300px !important;
        height: auto !important;
        /* border: 1px solid white; */
        margin-left: 3.5rem;
        padding: 2.8rem 0rem 0rem 0rem;
        /* cursor: pointer; */
        transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .bground:hover{
        filter: drop-shadow(0 0 50px rgba(62, 185, 145, 0.7)) !important;
        transform: scale(1.05) translateY(-2px);
    }

    .text {
        max-width: 992px;
        /* border: 1px solid white; */
        padding: 0rem !important;
        margin-top: -2rem;
    }

    .typewriter-line {
        font-size: 3rem;
    }

    .animacion {
        right: -15%;
        top: 12%;
    }

    .contact_cont {
        max-width: 500px !important;
    }

}

@media (min-width: 1280px) {

    .animacion {
        right: -10.5%;
        top: -8%;
        width: 85%;
        max-width: 300px !important;
        transform: rotate(-12deg);
        opacity: 0.6;
    }

    .animacion2{
        display: block;
        width: 85%;
        max-width: 310px !important;
        position: absolute;
        left: -12.5%;
        z-index: -1;
        bottom: -8%;
        opacity: 0.6;
        height: auto;
        filter: blur(0.1px);
        transform: rotate(-193deg);
    }
}

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

@media (min-width: 1440px) {

    .bground{
        max-width: 310px !important;
        /* border: 1px solid white; */
        margin-left: 10rem;
        padding: 3.5rem 0rem 0rem 0rem;
    }

    .text {
        margin-top: 4rem;
    }
    
    .typewriter-line {
        font-size: 3.2rem;
    }

    .derechos{
        padding: 2.5rem 0rem;
    }

    .animacion {
        right: -10%;
        top: -8%;
        max-width: 550px !important;
        transform: rotate(-380deg);
        opacity: 0.4;
    }

    .animacion2{
        display: block;
        width: 85%;
        max-width: 400px !important;
        position: absolute;
        left: -8.5%;
        z-index: -1;
        bottom: 10%;
        opacity: 0.6;
        height: auto;
        filter: blur(0.1px);
        transform: rotate(-193deg);
    }

}