@charset "utf-8";
/* CSS Document */

.center {
margin-left: auto;
margin-right: auto;
}

nav td {
background-color: #c8d9e5;
width: 100px;
height: 40px;
font-size: 20px;
color: white;
text-align: center;

}
nav tr {
margin: 30px auto;

}
tr a {
color: black;
text-decoration: none;
}
ul.nav1 {
margin-left: 30px;
}
li.nav1 {
text-align: center;
width: 100px;
height: 40px;
background-color: #c8e5f9;
font-size: 20px;
color: white;
margin-bottom: 10px;
}

.testText {
	font-size: 20px;
	font-family: 'Courier Prime', monospace; 
	color: #595959
}

.purpleText {
	font-size: 30px;
	font-family:"Monoton", Brush Script MT, Noto Sans Mono, Georgia, serif;  
	color: #5b2e80
}

.boldpurpleText {
	font-size: 25px;
	font-family:"Monoton", Georgia, Noto Sans Mono, serif;
	color: #5b2e80
}
.newText {
	font-size: 50px;
	font-family: 'Noto Sans Mono', monospace;
	color: #595959
}


.column-layout {
	max-width: 1300px;
	background-color: #FFF;
	margin: 40px auto 0 auto;
	line-height: 1.65;
	padding: 20px 50px;
	display: flex;
}

.main-column {
	flex: 2;
	order: 2;
}

.sidebar-one {
	flex: 1;
	order: 1;
}

.sidebar-two {
	flex: 1;
	order: 3;
}


.call-outs-container {
	max-width: 1400px;
	margin: 40px auto 0 auto;
	display: flex;
	justify-content: space-between;
}

.call-out {
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
	flex-basis: 30%;
}

.call-out:nth-child(1) {background-color: #ffccbd;}
.call-out:nth-child(2) {background-color: #ffffbd;}
.call-out:nth-child(3) {background-color: #bdedff;}