@media (min-width:320px){
    .welcome-heading{
        font-size: 30px;
    }

    .name-heading{
        font-size: 35px;
    }
}

@media (min-width:540px){
    .welcome-heading{
        font-size: 50px;
    }

    .name-heading{
        font-size: 65px;
    }
}

@media (max-width:768px){
    .card-approach{
        min-height: 80vh;
    }
}

@media (max-width:640px){
    .card-approach{
        min-height: 90vh;
    }
}

@media (max-width:415px){
    .card-approach{
        min-height: 110vh;
    }
}

@media (max-width:425px){
    .card-approach{
        min-height: 105vh;
    }
}


@media (max-width:380px){
    .card-approach{
        min-height: 120vh;
    }
}

@media (max-width:367px){
    .card-approach{
        min-height: 130vh;
    }
}

@media (max-width:331px){
    .card-approach{
        min-height: 136vh;
    }
}

@media (min-width:768px){
    .card-approach{
        min-height: 110vh;
    }
}

@media (min-width:900px){
    .card-approach{
        min-height: 100vh;
    }
}

@media (min-width:900px){
    .card-approach{
        min-height: 95vh;
    }
}

@media (min-width:1000px){
    .card-approach{
        min-height: 90vh;
    }
}

@media (min-width:1200px){
    .card-approach{
        min-height: 80vh;
    }
}

@media (min-width:1300px){
    .card-approach{
        min-height: 75vh;
    }
}