@media only screen and (min-width: 688px)
	{
		
		h1
		{
			font-size: 2em;
		}
		
		h2
		{
			font-size: 1.8em;
		}
		
		.page-titles h1
		{
			font-size: 2em;
			padding: 0;
		}
		
		.page-titles h2
		{
			font-size: 1.5em;
			padding: 0;
		}
		
		.page-titles h3
		{
			font-size: 1.3em;
			padding: 0;
		}
		
		.navigation-container
		{
			display: block;
			width: 120px;	
		}
		
		#symbol-holderMob
		{
			display: none;
		}
		
		.page-titles
		{
			width: 96%;
			padding-top: 45px;
		}
		
		.user-block
		{
			width: 96%;
		}
		
		.user-block div:nth-child(1)
		{
			width: 50px;
			margin: 0;
		}
		
		#content, .login-content
		{
			margin: 0px 0px 0px 120px;
		}
		
		.icon-links, .qr-code, .search-result
		{
			width: 23vw;
			/*max-width: 19%;*/
		}
		
		.four-row, button.work-order, button.doc-change-request, button.add-user
		{
			
			width: 23vw;
			/*max-width: 19%;*/
		}
		
		.col
		{
			width: 47.5%;
		}
		
		.machine-summary
		{
			width: 46%;
		}
		
		.manual-table-contents
		{
			width: 30%;
			margin: 0 0 1em 1%;
			padding: 10px 1%;
		}
		
		.manual-content
		{
			width: 64%;
			margin: 0 1% 1em 0;
			padding: 10px 1%;
		}
		
		button.sign-out
		{
			font-size: 1.2em;
			margin-top: 0.5em;
		}
		
		.staff-contact-board
		{
			width: 47%;
		}
		
	}




@media only screen and (min-width: 992px)
	{
		
		h1
		{
			font-size: 2em;
		}
		
		h2
		{
			font-size: 1.8em;
		}
		
		.page-titles h1
		{
			font-size: 2em;
			padding: 0;
		}
		
		.page-titles h2
		{
			font-size: 1.5em;
			padding: 0;
		}
		
		.page-titles h3
		{
			font-size: 1.3em;
			padding: 0;
		}
		
		.navigation-container
		{
			display: block;
			width: 120px;	
		}
		
		#symbol-holderMob
		{
			display: none;
		}
		
		#content, .login-content
		{
			margin: 0px 0px 0px 120px;
		}
		
		.client-brand
		{
			width: 10%;
		}
		
		.client-brand img
		{
			 padding: 40px 0 0 0;
		}
		
		.page-titles
		{
			width: 56%;
		}
		
		.user-block
		{
			width: 36%;
		}
		
		.user-block div:nth-child(1)
		{
			width: 50px;
			margin: 0;
		}
				
		.machine-summary
		{
			width: 46%;
		}
		
		.search-bar
		{
			/*width: 52%;*/
		}
		
		form.search
		{
			/*transform: translateY(25%);*/
		}
		
		form.search label
		{
			/*display: inline-block;*/
		}
		
		form.search input
		{
			/*margin: 0 0 0 20px;*/
		}
		
		.icon-links, .qr-code, .search-result
		{
			width: 17vw;
			/*max-width: 20%;*/
		}
		
		.four-row, button.work-order, button.doc-change-request, button.add-user
		{
			width: 17vw;
			/*max-width: 20%;*/
		}
		
		button.button-three-d
		{
			width: 19.3%
		}
		
		.col
		{
			width: 47.5%;
		}
		
		.modal-col
		{
			width: 47%;
		}
		
		.manual-table-contents
		{
			width: 30%;
			margin: 0 0 1em 1%;
			padding: 10px 1%;
		}
		
		.manual-content
		{
			width: 64%;
			margin: 0 1% 1em 0;
			padding: 10px 1%;
		}
		
		button.sign-out
		{
			font-size: 1.2em;
			margin-top: 0.5em;
		}
		
		.staff-contact-board
		{
			width: 47%;
		}
		
		footer
		{
			width: calc(100% - 120px);
			margin-left: 120px;	
		}
		
	}




@media only screen and (min-width: 1280px)
	{
		
		h1
		{
			font-size: 2em;
		}
		
		h2, article h2
		{
			font-size: 1.8em;
			line-height: 1em;
		}
		
		.page-titles h1
		{
			font-size: 2em;
			padding: 0;
		}
		
		.page-titles h2
		{
			font-size: 1.5em;
			padding: 0;
		}
		
		.page-titles h3
		{
			font-size: 1.3em;
			padding: 0;
		}
		
		.navigation-container
		{
			display: block;
			width: 120px;	
		}
		
		#symbol-holderMob
		{
			display: none;
		}
		
		#content, .login-content
		{
			margin: 0px 0px 0px 120px;
		}
		
		.client-brand
		{
			width: 10%;
			margin: 0;
			padding: 0;
		}
		
		.client-brand img
		{
			 padding: 40px 0 0 0;
		}
		
		.page-titles
		{
			width: 66%;
		}
		
		.user-block
		{
			width: 26%;
			
		}
		
		.user-block div:nth-child(1)
		{
			width: 50px;
			margin: 0;
		}
		
		.machine-summary
		{
			width: 40%;
		}
		
		.search-bar
		{
			/*width: 52%;*/
		}
		
		form.search
		{
			/*transform: translateY(25%);*/
		}
		
		form.search label
		{
			/*display: inline-block;*/
		}
		
		form.search input
		{
			/*margin: 0 0 0 20px;*/
		}
		
		.portal-nav-links
		{
			/*width: 62%;*/
			width: 99%;
		}
		
		.fast-facts, .site-details
		{
			/*width: 36%;*/
			/*width: 35%;*/
			/*margin: 0 2% 2em 1%;*/
		}
	
		.icon-links, .qr-code, .search-result
		{
			/*min-width: 200px;*/
			width: 18vw;
			/*max-width: 21%;*/
		}
		
		.four-row, button.work-order, button.doc-change-request, button.add-user
		{
			width: 18vw;
			/*max-width: 21%;*/
		}
		
		button.button-three-d
		{
			width: 19.3%
		}
		
		.maintenance-feed, .open-forms
		{
			width: 44%;
		}
		
		.col
		{
			width: 47.5%;
		}
		
		.modal-col
		{
			width: 47%;
		}
		
		.manual-table-contents
		{
			width: 30%;
			margin: 0 0 1em 1%;
			padding: 10px 1%;
		}
		
		.manual-content
		{
			width: 64%;
			margin: 0 1% 1em 0;
			padding: 10px 1%;
		}
		
		button.sign-out
		{
			font-size: 1.2em;
			margin-top: 0.5em;
		}
		
		.staff-contact-board
		{
			width: 47%;
		}
				
		footer
		{
			width: calc(100% - 120px);
			margin-left: 120px;	
		}
			
}