main {
	background: none;
	border-radius: 10px;
	padding: 10px 0;
	box-shadow: none;
	margin: 40px auto;
	margin-top: 10px;
	margin-bottom: 0;
	max-width: 1200px
}

#footer {
	padding-left: 100px;
}

.toccontainer {
  width: 100%;
}

/* Required by Salvattore */
.toccontainer[data-columns]::before {
  content: '3 .column.size-1of3';
}

.column {
  float: left;
}

.size-1of4 {
  width: 33.33%;
}

.toccontainer .tocitem {
  border: 1px solid #E1E1E1;
  width: 360px;
  margin: 0 1em 2em 1em;
  padding: 10px 20px 15px;
  background-color: #FFFFFF;
  height: 100%;
  border-left: 2px solid #0f64cd;
}

.tocitem .mainentry {
	font-size: 32px;
	font-weight: 300;
	line-height: 1.2em;
}

.tocitem .subentry:nth-child(2) {
  margin-top: 0.5em;
}

.tocitem .subentry {
  font-size: 16px;
  font-family: Source Sans Pro;
  font-weight: 400;
}

.subentry a {
  display: block;
  padding: 4px;
}

.subentry a:hover {
  color: #0f64cd;
}

.toccontainer .tocitem.tocitemcolor1 {
	border-left-color: #0f64cd;
}

.toccontainer .tocitem.tocitemcolor2 {
	border-left-color: #22befa;
}

.toccontainer .tocitem.tocitemcolor3 {
	border-left-color: #ff64b3;
}

.toccontainer .tocitem.tocitemcolor4 {
	border-left-color: #50E3C2;
}

.toccontainer .tocitem.tocitemcolor5 {
	border-left-color: #b8e9e6;
}

.toccontainer .tocitem.tocitemcolor6 {
	border-left-color: #f5c823;
}

.toccontainer .tocitem.tocitemcolor7 {
	border-left-color: #c0a9e6;
}

.toccontainer .tocitem.tocitemcolor8 {
	border-left-color: #f2b4d3;
}

.toccontainer .tocitem.tocitemcolor9 {
	border-left-color: #b2d7ff;
}

.mainentry a {
  color: #333;
  font-size: 26px;
}

.mainentry a:hover {
  color: #0f64cd;
}

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
	Resopnsive Overrides
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  */
/* - - - - - Phones - - - - - - - - */
@media (min-width : 320px) and (max-width : 800px) {
  main {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}

  .column {
		width: 100%;
    	float: none;
	}
  
  .toccontainer {
		display: block;
		width: 100%;
		margin: 0;
    	padding: 1px 5px 5px 5px;
		box-sizing: border-box;
		border: none;
	}
  
  .toccontainer .tocitem {
		padding: 10px 20px;
		margin: 5px 0;
		width: 100%;
	}
  
  .toccontainer .tocitem:last-child {
		margin-bottom: 0;
	}
  
  .tocitem .mainentry {
		font-size: 24px;
		line-height: 1em;
	}
  
  .mainentry a {
		font-size: 18px;
	}
  
  .tocitem .subentry {
		font-size: 14px;
	}
  
  .tocitem .subentry:nth-child(2) {
		margin-top: 0.5em;
	}
  
  .subentry a {
		padding: 4px 0;
	}
}