@media all and (min-width:0px) and (max-width: 700px) {
    #topbar {
        height: auto;
    }

	#topbar > .left {
		display: none;
	}

	#topbar > .section.mid {
		justify-content: start;
		align-items: start;
		flex-wrap: wrap;
        xbackground-color:red;
	}

	#topbar > .right {
		display: none;
	}

	#content { 
		width:100vw;
		padding: 5px 5px 5px 5px ;
		margin-top:50px;
		border-radius:0px;
        line-height: 1;
	}

	#links {
		padding-top: 20px;
	}

	#links > .list-cont > .title {
		xpadding:20px;
		padding:5px 5px 5px 15px;
		
	}

	#links > .list-cont > .list > .item > .title {
		xpadding:20px;
		padding:10px;
		
	}

	#links > .list-cont > .list > .item > .link-numbering {
		padding: 5px;
	}

    


    


}


@media (max-width: 600px){


}