/* Desktop size. */
@media screen and (min-width: 1025px)
{
	table.black
	{
		display: flex;
		position: relative;
		width: 98%;
		background-color: black;
		border: 0px solid red;
		border-collapse: collapse;
		margin: 0px;
		padding: 0px;
	}
	
	table.black_site_header
	{
	width: 98%; 
	height: 33vw;
	align-items: center;
	justify-content: center;
	}
	
	table.black_page_title
	{
	width: 98%; 
	height: 8vw;
	align-items: center;
	justify-content: center;
	}
		
	td.black
	{
	display: flex;
	position: relative;
	justify-items: center;
	align-items: center;
	border: 0px solid white;
	width: 100%
	}

	/* This is the page title between the buttons and the body. */
	/* phone size */
	td.title_black_with_gray_text
	{
		display: inline-block;
		position: relative;
		font-size: 6vw;
		font-weight: bold;
		font-family: arial, helvetica, system;
		line-height: 6vw;
		width: 100%;
		height: 6.5vw;
		background-color: transparent;
		color: gray;
		border: 0vw solid goldenrod;
		padding: 0 auto;
		margin: 0 auto;
	}	

	table.white
	{
		display: inline-block;
		position: relative;
		background-color: white;
		width: 98%;
		table-layout: fixed;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		border: 0px solid red;
		border-collapse: collapse;
		z-index: 0;
	}

	.title_blue_bar
		{	
			display: block;
			position: relative;
			width: 98%;
			height: .5vw;
			border: 0px solid blue;
			padding: 0px;
			margin: 0px;
			background-color: blue;
			z-index: -1;
		}
	
	
.main_menu_button
	{
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: arial-black, helvetica, system;
		font-weight: bold;
		overflow: hidden;
		background-color: #DDDDDD;
		font-size: 1.65vw;
		text-decoration: none;
		width: 100%;
		height: 5vw;
		padding: 0vw;
		margin: 0 auto;
		border-color: white gray gray white;
		border-width: 3px;
		border-style: solid;		
	}
	
.main_menu_button:active
{	
	transform: translatex(.3vw) translatey(.1vw);
}		
	
	.grid-container
	{
		display: grid;
		grid-template-columns: repeat(6, 15.66%);
	  	grid-template-rows: repeat(1, 5vw);
		grid-gap: 1.1vw;	/* 1vw */
		background-color: #000000;
		width: 96%;
		height: 6vw;
		border: 0px solid red;
	  	padding-top: .5vw;
	  	padding-bottom: .5vw;
	  	padding-left: 1vw;
	  	padding-right: 1vw;
	}

	div.menu_button_text
	{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #DDDDDD;
		font-size: 1.75vw;
		height: 5vw;
		padding: 0vw;
		margin: 0 auto;
		border-color: white gray gray white;
		border-width: .4vw;
		border-style: solid;
	}
	
	div.menu_button_text:hover
	{
		background-color: #EEEEEE;
	}

	div.menu_button_text:active
	{
		transform: translatex(.3vw) translatey(.1vw);
		border-color: grey white white gray;
	}

	div.page_button
	{
		display: block;
		position: relative;
		padding-left: 1vw;
		padding-top: .5vw;
		padding-bottom: .5vw;
		background-color: white;
		width: 100%;
		height: auto;
		border: 0px solid black;
	}
	
	td.body_title
	{
		font-size: 3vw;
		height: 3vw;
		font-family: arial-black, system;
		font-weight: bold;
		text-align: left;
		text-justify: inter-word;
		padding: 0vw;
		padding-bottom: .5vw;
		margin: 0vw;
		border: 0pt solid black;
	}
	
	td.body_home_page
	{
		font-size: 1.7vw;
		height: 1.7vw;
		font-family: arial-black, system;
		font-weight: normal;
		text-align: justify;
		text-justify: inter-word;
		border: 0vw;
		padding: 0vw;
		padding-bottom: 1vw;
		margin: 0vw;
	}
	
	td.body_detail_page
	{
		font-size: 1.7vw;
		font-family: arial-black, system;
		font-weight: normal;
		text-align: justify;
		text-justify: inter-word;
		height: auto;
		width: auto;
		border-width: .1vw;
		border-style: none;
		margin: 0vw;
		padding: .2vw;
		padding-top: 0vw;
		padding-bottom: .0vw;	/* Leave a line below the paragraph. */
	}
	
	td.body_other_page
	{
		display: inline-block;
		position: relative;
		font-size: 1.7vw;
		font-family: arial-black, helvetica, system;
		font-weight: normal;
		height: auto;
		width: auto;
		border: 0vw solid blue;
		padding: 0vw;
		padding-bottom: 1vw;
		margin: 0vw;
	}

	td.body_social_media_descreiption
	{
		font-size: 1.7vw;
		font-family: arial-black, hevitica, system;
		font-weight: normal;
		text-align: justify;
		text-justify: inter-word;
		height: auto;
		width: auto;
		border: 0vw solid black;
		padding: 0vw;
		padding-left: 7vw;
		padding-bottom: 1vw;
		margin: 0vw;
	}

	td.body_copyright_page
	{
		font-size: 1.2vw;
		height: 1.2vw;
		font-family: arial-black, system;
		font-weight: normal;
		text-align: justify;
		text-justify: inter-word;
		border: .02vw;
		border-color: black;
		border-style: none;
		padding: 0vw;
		padding-bottom: 1vw;
		margin: 0vw;
	}

	td.body_stats
	{
		font-size: 2vw;
		font-family: arial-black, system;
		font-weight: normal;
		text-align: justify;
		text-justify: inter-word;
		word-wrap: break-word;
		line-height: 2vw;
		border: .2vw;
		border-color: black;
		border-style: solid;
		padding: 0vw;
		margin: 0vw;
		width: 1%;
	}
	
	img.social_media
	{
		display: inline-block;
		position: relative;
		height: 5vw;
		width: 5vw;
		padding-top: 1vw;
		padding-right: 0vw;
	}
	
	a.social_media
	{
		display: inline-block;
		position: relative;
		font-size: 1.7vw;
		text-align: left;
		height: auto;
		width: auto;
	}	
	
	.form_label
	{
		display: inline-block;
		font-family: arial-black, helvetica, system;
		height: 2.2vw;
		vertical-align: top;
		text-align: right;
		width: 20vw;
		padding: .2vw;
		margin: 0vw;
		border: 0vw;
		border-width: 2vw;
	}
	
	.form_input
	{
		font-family: arial-black, helvetica, system;
		width: 70vw;
		vertical-align: top;
		text-align: left;
		padding: .2vw;
		margin: 0vw;
		border-color: black;
		border-style: solid;
		border-width: .1vw;
		border-radius: 0px;
	}
	
	img.page_header
	{
	display: inline-block;
	position: relative;
	margin: auto;
	width: 65vw; 
	height: 31vw;
	}	
	
	img.custom_business_software
	{
		display: float;
		float: left;
		vertical-align: middle;
		height: 3vw;
		width: 4vw;
		padding-right: 1vw;
	}
	
	img.applications
	{
		display: float;
		float: left;
		vertical-align: middle;
		height: 5vw;
		width: 7vw;
		padding-right: 1vw;
	}
	
	button.social_media
		{
		color: #000000;
		font-family: arial-black, system;
		font-weight: bold;
		font-size: 2.2vw;
		background-color: #ffffff;
		text-align: center;
		display: inline; 
		padding-left: .4vw;
		padding-right: .4vw;
		padding-top: .1vw;
		padding-bottom: .1vw;
		margin: 0vw;
		border: .6vw;
		border-style: solid;
		border-color: blue;
		}	
		
	button.social_media:hover
		{
		color: blue;
		}	
		
	div.page_button
	{
		display: none;
		position: relative;
		vertical-align: middle;
		padding-left: 1vw;
		padding-top: .5vw;
		padding-bottom: .5vw;
		width: 100%;
		height: auto;
		border: 0px solid black;
		background-color: white;
	}
	
	button.page_button
	{	
		display: inline-block; 
		position: relative;
		font-size: 3vw; 
		font-weight: bold;
		text-align: center;
		background-color: #DDDDF0; 
		height: auto; 
		width: 20vw;
		border: .3vw solid gray; 
		border-color: white gray gray white;
		margin: .5vw 0vw 0vw .5vw;
	}	
	
	@media not (pointer: coarse)
	{
		button.page_button
		{
		display: none;
		}
	}
	
	button.page_button:hover
	{
		color: blue;
	}
	
	button.page_button:active
	{
		color: #AAAAFF;
		border-color: gray white white gray;
		transform: translatex(.3vw) translatey(.1vw);
	}
	
	@media (pointer: coarse)
	{	
		form.page_button_form
		{
			background-color: #eeeeee;
			width: 95%;
			height: 5.5vw;
			padding-left: .5vw;
		}
	}
	
	div, td.heading
	{	
		font-weight: bold;
	}

	div, tr, td.spacer_3
	{
		height: .03vw;
		border: 0px solid black;
	}
	
	div, tr, td.spacer_5
	{
		height: .05vw;
		border: 0px solid black;
	}
	
	div, tr, td.spacer_10
	{
		height: .07vw;
		border: 0px solid black;
	}
	
	div, tr, td.spacer_15
	{
		height: 1vw;
		border: 0px solid black;
	}
	
	div, tr, td.spacer_20
	{
		height: 1.3vw;
		border: 0px solid black;
	}
}