body  {
   	   margin:9px 9px 9px 9px;
            background-image: url("/css/images/MorgallionAccountsMasters.png");
	    background-size: cover;
            background-attachment: fixed;
	  font-family: "Calibri MS", Arial, sans-serif;
	}
a {   
	outline: none;
}

a:link { 
	color: LightGrey;
}

a:visited {
	color: grey;
}

a:focus {
	color: black;
}

a:hover {
	color: DarkGrey;
}

a:active {
	color: DarkGrey;
}
div {
		
		padding: 0.2em;

		font-size: 1.2rem;
		font-weight: bold;
	}
.Margin {
		color: grey;
		height: 550px;
		flex: 1 1 100px;
	}

.Explains {
		background-color: white;
		opacity: 0.5
		color: dark grey;
		border: 2px solid grey;
		flex: 1.5 1 20%;
		align-self: flex-end;
		width: 20%;
		height: 50%;
	}
.MidLink {
		background-color: white;
		opacity: 0.5
		color: dark grey;
		border: 2px solid grey;
		flex: 2 1 auto;
		align-self: center;
		width: 30%;
	}
.DarkSpace {
		flex: 2 1 auto;
		color: black;
	}
.Actions {
		background-color: white;
		opacity: 0.5
		color: dark grey;
		border: 2px solid grey;
		flex: 1 1 auto;
		border: 2px solid grey;
		height: 100%;
	}

#Policy	{
		width: 80%
		color: black;
		background: white;
	}
#Policy a {
		text-decoration:none;
		color: grey;
	}
#NameHeader {
		text-align: right;
		padding: 0em 5em 0em 0em;
		color: LightGrey;
		font-weight: bold;
	}
#NameHeader a {
		text-decoration:none;
		color: light grey;
	}


.AlignedRow {
		display: flex;
		flex-direction: row;
		flex-wrap: no-wrap;
		justify-content: flex-start;
		column-gap: 3em;
}		

.AtBase	{
		color: DarkGrey;
}

@media screen and (max-width: 1000px)
{
h1	{
		align = "center"
}

.AlignedRow {	
		flex-direction: column;
		justify-content: center;
		gap: 2em;
		border: 2px solid grey;
}
.Explains {
		align-self: center;
		background; Gray;
		width: 90%;
		color: DarkSlateGray;
}
.MidLink {
		flex: 2 1 auto;
		background: darkslategrey;
		color: White;
		align-self: center;
		padding: 0em 2em 2em 2em;
}
.Actions {
		align-self: flex-start;
		width: 90%;
		color: White;
		background: DarkSlateGray;
	}
.Margin {
		color: grey;
		height: 1px;
}
#NameHeader {
		text-align: center;
		padding: 0em 0em 0em 0em;
		color: LightGrey;
		font-weight: bold;
		
	}