@media (max-width:475px) {
    html {
        font-size: 10px;
    }

    main {
        width: 100vw;
        height: 100vh;
    }

    #main .container {
        margin-right: 2vw;
        width: 70vw;

    }

    #main .intro {
        width: 70vw;
        padding: 0 2rem;
    }

    #main .intro p {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

    #main .img {
        display: none;
        width: 0px;
    }

    #main aside {
        margin: 0;
        width: 10vw;
        background: rgba(257, 257, 257, .5);
    }

    #main aside a span {
        display: none;
    }




    #about .container {
        width: 92vw;
    }

    #about .bio-container {
        width: 92vw;
    }

    #about .services-container {
        width: 92vw;

    }

    #about .services-container .services ul {
        font-size: 1.4rem;
    }

    .container-progress {

        max-width: 500px;
        width: 92%;
        padding: 10px 10px;
    }




    #about {
        margin: 5vh 0;
    }

    #about img {
        display: none;
    }

    #about .container p {
        font-size: 1.4rem;
    }

    #about .about-image {
        display: none;
    }

    #about .text {
        /* margin: 1vh 0 0 0; */
        width: 100%;
        height: 63vh;
        display: flex;
        color: rgba(0, 0, 0, 0.7);
        font-size: 1.8rem;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0 0 0 0px #fff;
        border: 2px inset #fff;
    }

    #about .bio-container h2 {
        margin-bottom: 10px;
    }

    #about .container {
        margin: 1vh auto;
    }

    nav .btn {
        display: none;
    }

    nav div ul {
        flex-direction: column;
        justify-content: center;
        position: fixed;
        top: 0;
        right: -100vw;
        width: 100vw;
        background-color: rgba(17, 20, 104, 0.45);
        height: 100vh;
        backdrop-filter: blur(4.5px);
        transition: 0.3s ease;
    }

    nav div ul li {
        margin: 10px 0;
        font-size: 1.4rem;
    }

    nav div.menu ul li a {
        color: #fff;
    }

    nav div.menu {
        position: relative;
    }

    nav div.menu ul div i {
        position: absolute;
        top: 17px;
        left: 17px;
        font-size: 3rem;
    }

    nav .humbarg-menu {
        display: block;
        font-size: 2.5rem;
    }

    #close-menu {
        display: block;
    }



}