html,body{
    overflow-x: hidden;
}


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

    .secondary-header{
        font-size:25px;
    }

    #dyspozycja #formplace .button--container a{
        display:flex;
        max-width:60%;
        margin:0 auto;
        width:60%;
        justify-content: center;
    }

    #NextStepBtn{
        margin-top: 10px!important;
        display: flex;
        max-width: 60%;
        margin: 0 auto;
        width: 60%;
        justify-content: center;

    }
    
    .dyspozycja-zgody--wrapper {
        display: flex;
        justify-content: start;
    }
    

}

@media only screen and (max-width: 800px){
    .brand-image{
        margin-top:-10px;
    }

    .secondary-header{
        font-size:20px;
    }

    #dyspozycja{
        max-width:90%;
    }

    #dyspozycja #formplace .button--container a{
       max-width:300px;
       width:100%;
    }


    #NextStepBtn{
      max-width:300px;
      width:100%;
 

    }
   /** #dyspozycja #formplace #dyspozycja-zgody .dyspozycja-zgody--wrapper{
        flex-wrap:wrap;
    }**/

    #dyspozycja #formplace #dyspozycja-zgody .dyspozycja-zgody--wrapper label{
        margin-right:80px;
    }

    #upper{
    background: #fff;
    width: 100%;
    height: fit-content;
    display: flex;
    }

    #foot{
        height:intrinsic; 
        height:-moz-max-content;
        height:fit-content;
        display:flex!important;
        flex-direction:column!important;
        padding-bottom:25px;
        width:100%!important;
    }

   #foot a {
       display:flex;
       width:100%;
       justify-content:center;
   }

    #klaster{
        display:flex;
        margin:0 auto;
    }

    #footer{
        height:intrinsic; 
        height:-moz-max-content;
        height:fit-content;
        width:100%;
    }

    .navbar-wcag__control__item {
        width: 32px;
    }

    .dyspozycja-zgody--wrapper {
        display: flex;
        justify-content:  baseline;
       
    }
    
    .large-font .btn {
        font-size: 20px!important;
    }
    
    
    
    }

    @media only screen 
and (max-device-width: 710px){
    .dyspozycja-zgody--wrapper{
        display: flex;
        flex-direction: column;
    }
    .dyspozycja-zgody--wrapper-button{
        display: flex;
        flex-direction: row;
        width:100%!important;
    }
}




    @media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px)
{ 
    .dyspozycja-zgody--wrapper{
        display: flex;
        flex-direction: column;
    }
    .dyspozycja-zgody--wrapper-button{
        display: flex;
        flex-direction: row;
        width:100%!important;
    }
    #dyspozycja #formplace .button--container { 
        width: intrinsic;           /* Safari/WebKit uses a non-standard name */
        width: -moz-max-content;    /* Firefox/Gecko */
        max-width: fit-content;
        margin: 0 auto;
      }
}