/* boxes for section titles*/
#banner-container {
  box-sizing: border-box;
  position: relative;
  left: 150px;
  width: calc(100% - 150px);
  height: 90px;
  border: 10px solid;
  border-color: #12222f;
  background-color: #1b2b38;
  font-size: 55px;
  color: white;
  
}

h2 
{
  position: relative;
  left: 150px;
  color: white;
  font-size: 25px;
}

a 
{
	color: white;
}

/* link adjustments */
a:visited, a:active, a:link, a:focus
{
	color: white;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

@media only screen and (max-width: 1023px) 
{
		h2 
		{
		left: 0px;
		font-size: 25px;
	}
	
	#banner-container 
	{
		text-align: center;
		left: 0px;
		font-size: 45px;
		width: 100%;
		height: 75px;
	}
}

@media only screen and (max-width: 780px) 
{
	h2 
	{
		left: 0px;
		font-size: 15px;
	}
	
	#banner-container 
	{
		text-align: center;
		left: 0px;
		font-size: 30px;
		width: 100%;
		height: 60px;
	}
}