@media all and (min-width:500px) and (max-width: 767px)
{
    #name{
        font-size: 3rem;
    }
    .background-image{
        background-image: none;
        background-color: rgb(236, 175, 216);
        height: fit-content;
    }
    .basic-info {
        padding: 2.5rem;
        font-size: 1.5rem;
        margin: 2rem;
        padding-top: 3rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .card{
        background-color: rgb(236, 175, 216);
        border: none;
    }
    .btn-primary {
        background-color: rgb(255, 255, 255);
        border:solid 4px rgb(199, 199, 197) ;
        color: rgb(77, 77, 77);
    }
    .main-body{
        background-color: rgb(255, 255, 255);
        border-top: solid 4px #c2c1c1de;  
    }
    .container-info{
        border: none;
    }
    #main-pic{
        border-left:solid 3px #ffffff;
        border-top:solid 3px #ffffff;
    }
    #cite, #cite1, #cite2, #author {
        font-size: 1.5rem;
        color: #fff;
    }   
    #projects-section{
        background-image: none;
        background-color:rgb(255, 255, 255);
        color: rgb(77, 77, 77);
    }
    #break{
        height: 0px;
    }
    #contact{
        font-size: 2rem;
    }
    #copywright{
        font-size: 1.5rem;
        
    }
}