html, body {
	height: 100%;
  	margin: 0;
	background-image: url("../../../content/media/bg/internet-594148_1920.jpg");
	background-color: #fbfbfb;
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	background-position:top; 
	background-attachment:fixed;
	color: #323232;
	font-family: Arial, Helvetica, sans-serif;
}


 /* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.container {
	margin-left: auto;
	margin-right:auto;
	width: 980px;
	max-width: 95%;
}

a {
	color: #538cc6;
}

.gap {
	padding-top: 7em;
}

.pt-1{
	padding-top: 1em;
}

nav {
	width: 100%;	
 	background-color: #264d73;
	overflow: auto;
}


nav ul {
	max-width: 1080px;
	list-style-type: none;
	margin: auto;
	padding: 0;
	overflow: hidden;

}

nav li {
  float: right;
}

nav li a {
  display: block;
  color: #fbfbfb;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav li a:hover {
  background-color: #538cc6;
}

.d-none	{
	display: none;
}

main {
    position:relative;
    margin: 0 auto;
	min-height: 100%;
}


.view {
	background-color: rgb(218,219,221,0.650);
	padding: 2em 2em 2em 2em;
	border-radius: 0.5em;
}


footer {
    position:absolute;
    bottom: 0;
	width: 100%;
}

.copy {
	text-align: center;
	font-size: 0.6em;
	padding-top: 0.5em;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */
@media screen and (max-width: 600px) {
  .column {
    width: 96%;
	margin-left: 2%;
  }
	.gap {
	padding-top: 1em;
	}
}