body {
/*  background: #f0f0f0;*/
	background: #ffffff;
  color: #555555;
  cursor: auto;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #555555;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* initial scaffolding for colors -- move to a separate css file */
.primary800{
  color: #006670;
}
.border-test {
	border: solid red thin;
}
/*.font-xlight {
  font-weight: 200;
}*/
.font-light {
  font-weight: 300;
}
.font-book {
  font-weight: 400;
}
/*.font-normal {
  font-weight: 500;
}*/
.font-bold {
  font-weight: 600;
}
.font-xbold {
  font-weight: 700;
}
.font-caps {
  text-transform:uppercase;
}
.font-tight {
  letter-spacing: -0.025em;
}
.font-xtight {
  letter-spacing: -0.05em;
}
.font-lead-sm {
  line-height: 1.4;
}
.nowrap {white-space: nowrap}

a {
  color: #007f8c; }
  a:hover, a:focus {
    color: #00a9ba;
}
.row {
  max-width: 70.063rem;
}
.very-light-gray {
	background: #f6f6f6;}
.panel {
	background: #ffffff;
}
.who-i-am-box {
	min-height: 290px;
	min-width: 100%;
  	padding: 30px 20px;
  	background: #fff;
  	border-bottom: 4px solid #dfdfdf;
 	 border-radius: 5px;
 	 text-align: center;
	}
.who-i-am-box:hover {
    border-bottom: 4px solid #00a9ba;
}
@media only screen {
	h1 {
  font-size: 1.95rem;
	}
	h4 {
  font-size: 1rem;
	}
	img.me {
		width: 200px;
		border-radius: 100px;
		border: #E3E3E3 solid 6px;
		margin-top: 2em;
	}
	.personal-blurb {
		margin-top: 1em;
		padding-right: 1em;
		padding-left: 1em;
		padding-bottom: 2em;
	}
	.border-id {
		/*border: solid thin pink*/ }
	[class*="block-grid-"] > li {
    float: none;
	}
}
/* medium displays */
@media only screen and (min-width:40.063em) {
	h1 {
		font-size: 2.75rem;
	}
	h4 {
	  font-size: 1.4375rem;
	}
	img.me {
	width: 300px;
	border-radius: 150px;
	margin-top:2em
	}
	.personal-blurb {
		margin-top: 1em;
		padding-right: 2.75em;
		padding-left: 2.75em;
	}
	.border-id {
		/*border: solid thin blue*/ }
		[class*="block-grid-"] > li {
    float: left;
	}
}
/* large displays */
@media only screen and (min-width:64.063em) {
	img.me {
	margin-top:5.5em;
	margin-bottom:5.5em;
	}
	.personal-blurb {
		margin-top: 6em;
		padding-right: 0;
		padding-left: 0;
	}
	.border-id {
		/*border: solid thin orange*/ }
}

@media (max-width: 768px) {
	body {
		color: #3b3b3b;

		h1, h2, h3, h4 {
			color: #3b3b3b;
		}
	}
}