@media all and (max-width:500px) {
    html {
        font-size: 14px;
    }
    main {
        width: 100%;
        margin: 0 0 5px 0;
    }
    #sait {
        flex-direction: column;
    }
    #sait>aside,
    #sait>menu {
        width: 100%;
        margin: 0; 
    }
    #work {
        padding-left: 40px;
        padding-right: 40px;
    }
    footer {
        padding: 15px 0;
        margin-top: 15px;
    }
    aside img {
        width: 95%;
        margin: 3%;
    }
    aside article {
        padding-left: 3%;
        padding-right: 3%;
    }
    /* .progress-bar {
        color: #009688;
    } */
}

@media all and (max-width:999px) and (min-width:501px) {
    html {
        font-size: 16px;
    }
    main {
        width: 100%;
    }
    #sait {
        flex-direction: column;
    }
    #sait>aside,
    #sait>menu {
        width: 100%;
        margin: auto;
        margin-bottom: 0;
    }
    #personal-info>h3 {
        margin-top: 0;
        padding-top: 0;
    }
    #personal-info {
        display: inline-block;
    }
    aside img {
        /* border-radius: 20%; */
        width: 200px;
        height: auto;
        margin: 2%;
    }
}