
#imgar
{
    padding-left: 19%;
    margin-top: 3%;
    text-align: center;
    padding-right: 23%; 
}

#add_studenta
{
    float: right;
    margin-top: 3%;
}
@media (min-width: 1020px) {
#divimg{
    padding-right: 5%;
}
    
}
#imgar {
  
    padding-left: 29%;
    margin-top: 3%;
    text-align: center;
    padding-right: 0%;      
}
@media only screen and (max-width: 1300px) {
    #imgar {
       
    padding-left: 23%;
    margin-top: 3%;
    text-align: center;
    padding-right: 0%;
    width: 130%;
}}
@media only screen and (max-width: 1200px) {
    #imgar {
        padding-left: 27%;
        margin-top: 3%;
        text-align: center;
        padding-right: 30%;
}    }
@media only screen and (max-width: 1030px) {
    #imgar {
      
    padding-left: 21%;
    margin-top: 3%;
    text-align: center;
    padding-right: 23%;
}    }

    @media only screen and (max-width: 930px) {
    #imgar {
        padding-left: 14%;
        margin-top: 3%;
        text-align: center;
        padding-right: 16%;
} }
@media only screen and (max-width: 845px) {
    #imgar {
      
    padding-left: 9%;
    margin-top: 3%;
    text-align: center;
    padding-right: 9%;
} }
@media only screen and (max-width: 780px) {
    #imgar {
      
    padding-left: 2%;
    margin-top: 3%;
    text-align: center;
    padding-right: 0%;
} }
@media only screen and (max-width: 768px) {
    #imgar {
      
        padding-left: 38%;
        margin-top: 3%;
        text-align: center;
        padding-right: 47%;
        width: 115%;

} }
@media only screen and (max-width: 655px) {
    #imgar {
    padding-left: 35%;
    margin-top: 3%;
    text-align: center;
    padding-right: 43%;
} }
@media only screen and (max-width: 535px) {
    #imgar {
        padding-left: 31%;
        margin-top: 3%;
        text-align: center;
        padding-right: 38%;
} }
@media only screen and (max-width: 433px) {
    #imgar {
      
    padding-left: 26%;
    margin-top: 3%;
    text-align: center;
    padding-right: 31%;

} }
@media only screen and (max-width: 370px) {
    #imgar {
            padding-left: 21%;
        margin-top: 3%;
        text-align: center;
        padding-right: 26%;

} }
@media only screen and (max-width: 280px) {
    #imgar {
    padding-left: 11%;
    margin-top: 3%;
    text-align: center;
    padding-right: 11%;

} }
