main .display
{
    width:100%; 
    min-width: 320px;
    padding-bottom:500px;


    display:flex;
    flex-direction:column; 
    justify-content:center;
    align-items:centeR;

    }   
    
@media (max-height: 600px)
{
    main .display 
    {
    margin:0px;

    }
}      
    
main .display section
{
    width:65%;
    }   
    
@media (max-width: 900px)
{
    main .display section
    {
     width:80%;
    
    }
}      

@media (max-width: 400px)
{
    main .display section
    {
     width:100%;
     margin-right: 0px;
    }
}   


    
@media (max-height: 600px)
{
    main .display section
    {
    margin-left:0px;
    }
}