@media only screen and (max-width: 520px) {
    .text-center {
        justify-content: center;
        text-align: center;
        font-size: 15px;
        display: flex;
        flex-direction: row;
        /* max-width: 50px; */
    }

    .text-center h1 {
        text-align: left;
        justify-content: left;
        /* align-items: left; */
        font-size: 22px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .hadding {
        font-size: 25px;
    }

    .text-center img {
        width: 30px;
        border-radius: 9px;
        margin-left: 5px;
        margin-right: 5px;
    }

    fieldset {
        max-width: 80%;
    }

    .btn {
        width: 95%;
        margin-right: 5px;
    }

    #fileinput {
        margin-left: 13px;
        width: 90%;
    }
    
    .form-control {
        margin-left: 5px;
        max-width: 100%;
        font-size: 18px;
    }

    .imgOutput {
        max-width: 80%;
    }
}@media only screen and (max-width: 520px) {
    .text-center {
        justify-content: center;
        text-align: center;
        font-size: 15px;
        display: flex;
        flex-direction: row;
        /* max-width: 50px; */
    }

    .text-center h1 {
        text-align: left;
        justify-content: left;
        /* align-items: left; */
        font-size: 22px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .hadding {
        font-size: 25px;
    }

    .text-center img {
        width: 30px;
        border-radius: 9px;
        margin-left: 5px;
        margin-right: 5px;
    }

    fieldset {
        max-width: 80%;
    }

    .btn {
        width: 95%;
        margin-right: 5px;
    }

    #fileinput {
        margin-left: 13px;
        width: 90%;
    }
    
    .form-control {
        margin-left: 5px;
        max-width: 100%;
        font-size: 18px;
    }

}