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;
    }
}   

.plakat
{
    transform: rotate(-6deg);
    box-shadow: 4px 4px 10px #aaaaaa;
    }

@media (max-width: 600px)
{
    .plakat
    {
    transform: rotate(0deg);
    width:90%;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:15px;
    }
}