@media (min-width: 361px) and (max-width: 419px){
    html{
        font-size: 8px;
    }

    .title-container  p{
    margin: 0;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .4rem;
    
}

.cover-container h1{
    font-size: 3rem;
    margin: 0 0 0 3rem;
}

  .description-container p {
    text-align: center;
    margin-left: 3rem;
    margin-right: 3rem;
    font-size: 2rem;
    
}
 
.description-container-performance{
    grid-template-columns: repeat(1,1fr);
    font-size: 2rem;   
}

.form-div{   
    margin-inline: 2rem;     
}

.form input {
    margin-bottom: 4rem;
    width: 30rem;
    height: 3rem;
    border-radius: .3rem;
    border-style: none;
    text-align: center;
    
}

.form button{
    height:6rem;
    font-weight: 600;
}

.end-document li{
    display: grid;
    grid-column: auto;
    margin-top: 3rem;
    font-size: 2rem;
    
}

footer img {
    width: 3rem;
    font-size: 1rem;
    
    

}

}