@media only screen and (max-width: 720px) {


    #right {
        float: right;
        
        margin-top: 0%;
        left: 40px;

    }

    .txt{
        margin-top:255%;
    }

   

    #center {
    float: right;
        
        margin-left: -900px;
        margin-top:1150px;
    }

    #far {
        float: right;
        
        left: 40px;
        margin-top: 600px;
            }

     #c_name {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1920px) {


    #right {
        float: right;
        position: absolute;
        left: 290px;
    }
    
    #far {
        float: right;
        position: absolute;
        left: 780px;
    }
    
    #center {
        text-align: center;
        position: absolute;
        left: 1240px;
    }
    
    .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        max-width: 300px;
        margin: auto;
        text-align: center;
        font-family: arial;
    }
}