@media screen and (max-width: 920px) {
    nav {
        padding: .2rem .2rem;
    }
    nav ul {
        position: fixed;
        background-color: transparent;
        flex-direction: column;
        top: 86px;
        left: 10%;
        width: 80%;
        text-align: center;
        transform: translateX(120%);
        transition: transform 0.5s ease-in;
    }
    nav ul li {
        margin: 8px;
    }
    .parrafo__mailto {
        display: none;
    }
    .burger-menu {
        display: block;
    }
    nav ul.show {
        transform: translateX(0);
    }
    .hero {
        margin-top: 2rem;
        flex-direction: column;
    }
    .hero img {
        height: 20rem;
        width: 20rem;
    }
    .bio {
        margin-top: 1rem;
        width: 20.5rem;
    }
    .more-about {
        margin-top: 2rem;
        padding: 1rem 3.5rem;
    }
    .more-about h2 {
        text-align: center;
    }
    .more-about p {
        text-align: justify;
    }
    .icon {
        width: 5.875rem;
        height: 5.25rem;
    }
    .projects-container {
        flex-direction: column;
    }
    .project-container {
        width: 20.875rem;
    }
    .contact-form-container {
        max-width: 23.75rem;
    }
    .contact h2 {
        margin-left: 350px;
    }
    #gwd-reCAPTCHA_2   {
        transform: scale(0.84);
        transform-origin: 0 0;
        -webkit-transform: scale(0.84);
        -moz-transform: scale(0.84);
        -ms-transform: scale(0.84);
        -o-transform: scale(0.84);
    }
    
}

@media screen and (max-width: 420px) {
    .parrafo__mailto {
        display: none;
    }
    .hero img {
        height: 18.3rem;
        width: 18.3rem;
    }
    .bio {
        width: 18.3rem;
    }
    .project-container {
        width: 17.875rem;
    }
    .contact-form-container {
        max-width: 17.75rem;
    }
    .contact h2 {
        margin-left: 100px;
    }
    #luminous_color {
        font-size: 8px;
    }
    #gwd-reCAPTCHA_2   {
        transform: scale(0.84);
        transform-origin: 0 0;
        -webkit-transform: scale(0.84);
        -moz-transform: scale(0.84);
        -ms-transform: scale(0.84);
        -o-transform: scale(0.84);
    }
    
}