@media (max-width:780px) {
    .conty{
        width: 100%;
        height: fit-content;
        padding-bottom: 50px;
        background-image: url('container1.jpg');
        background-position: bottom;
        background-size: cover;
    } 
    .titlu2{
        font-size: 1.5rem;
        color: rgb(0, 43, 70);
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .nf{
        font-size: 2rem;
        color: rgb(46, 230, 4);
        text-align: center;
        padding-top: 25vw;
        text-shadow: 0 0 0 25px black;
        
    }
    .txti{
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        padding-top: 18vw;
        text-shadow: 0 0 0 15px black;
    }
    .textintr{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        color: rgb(85, 85, 85);
        font-size: 1rem;
    }    
}
@media(min-width: 720px){
    .conty{
        width: 100%;
        height: fit-content;
        padding-bottom: 50px;
        background-image: url('container1.jpg');
        background-position: bottom;
        background-size: cover;
    }
    .titlu2{
        font-size: 3rem;
        color: rgb(0, 43, 70);
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .nf{
        font-size: 4rem;
        color: rgb(46, 230, 0);
        text-align: center;
        padding-top: 15vh;
        text-shadow: 0 0 0 25px black;
    }
    .txti{
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 1rem;
        padding-top: 3vw;
    }
    .txti{
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 2.3rem;
        padding-top: 18vw;
        text-shadow: 0 0 0 15px black;
    }
    .textintr{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        color: rgb(85, 85, 85);
        font-size: 1.5rem;
    }
}