@media (max-width: 768px) {

	:root {
                --header-thickness: 55px;
        }
 
        #sidebar { display: none; }

        h1 {
                display: none !important;
        }

        .imgNextToLogin {
                display: none !important;
        }

        .login-panel {
                display: block;
        }

        .provider-vbar {
                display: none;
        }

        .provider-hbar {
                display: inherit;
        }

        .provider-separator {
                display: flex;
        }

        .provider-separator > p {
                margin: 20px;
                margin-top: 30px;
        }

        .provider-separator > div {
                width: 40%;
                border: solid 1px var(--na-darker-grey);
                margin: 40px 0;
        }

	.valign {
                position: unset;
                width: 100%;
                text-align: -webkit-center;
	}
        
        .panel {
                padding: 3% 3%;
                max-height: unset;
                overflow-y: unset;
        }

        .panel-content {
                display: block !important;
        }

        .panel-side-pic { display: none; }

        #footer {
                /*margin-top: var(--header-thickness);*/
                margin-right: unset;
                display: flex;
                flex-direction: column;
                margin-top: 5%;
                text-align: -webkit-center;
        }

        #footerLink > a { float: unset; }