@media only screen and (min-width:360px) and (max-width: 767px) {

    #main {
        width: 100%;
        margin: 0 auto;
    }
        #main header nav{
            width:100%;
        }
    .backblack{
        width:100%;
    }
    #main header .backhead{
        width:130%;
    }
    .sweet-alert{
        width:80%;
    }
    #main .bio {
        width: 95%;
    }
    #main .loc {
        width: 95%;
    }
    #main .file {
        width: 95%;
    }
    #main .upload .drop {
        width: 80%;
    }


}