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

body{
	margin:0px;
	font-family: Lato, "lato", Arial, Helvetica, sans-serif;
	color: #545c5a;
	position: relative;
	height:3000px;
	background: #9FF7DB;
}

.row{
	max-width: 900px;
	margin: 0 auto;
}

h1{
	letter-spacing: -1px;
	font-size: 4rem;
	text-shadow: 0px 0px #0099FF;
}

h2{
	letter-spacing: -1px;
	font-size: 3.5rem;
	margin-top: 0px;
}

h2:after {
  content: ' ';
  display: block;
  width: 60px;
  margin: 0 auto;
  padding-top: 20px;
  border-bottom: 3px solid rgba(0,0,0, 0.3);
}

a.button{
	display: inline-block;
	font-size: 1.3rem;
	padding: 2rem 3rem;
	background: rgba(0,0,0, 0.3);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	color: white;
}

a.top-right {
  position: absolute;
  top: 20px;
  right: 34px;
  color: rgba(0,0,0,.4);
  text-shadow: 0px 0px 13px rgba(0,0,0,.07);
}

a.top-right:hover{
	color:#01C184;
}

h3{
	font-size: 2rem;
	margin-bottom: 0px;
}

p{font-size:14px;}
a{text-decoration:none}

h1, h2, h3, h4, p{
	text-shadow: 0px 0px 13px rgba(0,0,0,.1);
}

header{
	background: #9FF7DB;
	height: 150px;
	text-shadow: 0px 1px 5px rgba(0,0,0,.05);
	padding: 0 10px;
}

.logo, .nav{
	line-height: 150px;
	height: 150px;
	color: #d2fcef;
	color: #0FC088;
	text-shadow: 0px 1px 1px rgba(255,255,255,.5), 0 0 10px rgba(0,0,0,.1);
}

.logo{
	font-size: 2.7em;
	float: left;
	font-family: "jbt-annabelle";
}

.nav-wrap {
  float: right;
}

ul.nav{
	margin:0px;
	display: table-cell;
	vertical-align: middle;
	line-height: 20px;
}

.nav li{
	display: block;
	text-align: right;
}

.nav li a{
	color: #d2fcef;
	color: #0FC088;
}

.nav li a:hover{
	color: #0C946A;
}

img.profile-pic{
	border-radius:50%;
	box-shadow: 0 0 0px 10px white, 0 0 0px 11px #0FC088, 0px 0px 22px 10px rgba(0,0,0,.15),0 0 0px 22px #9FF7DB, 0 -20px 0px 26px #9FF7DB, 0 0px 0px 23px #0FC088, 0px 12px 22px 10px rgba(0,0,0,.15);
	margin-top:-130px;
}

.center	{
	text-align: center !important;
	padding:0;
}

.medium-text {
  font-size: 1.4rem !important;
  line-height: 2.0rem !important;
  padding: 0px 15%;
}

.wrap{
	border: 1px solid #0FC088;
	border-radius: 3px;
	box-shadow: -2px -2px 6px rgba(0,0,0,.1);
	margin-bottom: 50px;
}

.section{
	padding: 4rem 0;
	position: relative;
}

.section:nth-child(odd) {
  background: white;
}

.intro.section{
	padding: 0 0 6rem;
	background: white;
	border-radius: 3px 3px 0 0;
}

.section.last{
	border-radius: 0 0 3px 3px;
}

.intro p,
.section p {
	font-size: 2rem;
	line-height: 2.7rem;
	font-weight: bold;
	max-width: 660px;
	margin: 0 auto;
}

.experience.section{
	background: #FF742D;
	text-shadow: 0px 0px 10px rgba(0,0,0,.1);
}

.contact.section{
	background: #00A56F;
}

.goal.section, 
.experience.section,
.contact.section{
	color: white;
}

.job:nth-child(n+3) {
  margin-top: 50px;
}

.job p {
  font-size: 1rem;
  line-height: 1.2rem;
  color: rgb(178, 81, 31);
  padding-bottom: 20px;
  text-shadow: none;
}

.job ul {
  width: 80%;
  margin: 0 auto;
  text-align: left;
  font-size: 1.4rem;
  list-style: none;
}

.job ul li {
  padding-bottom: 1rem;
}

.education .job p{
	color: #999;
}

.education .job ul{
	text-align: center;
	padding: 0;
}

.intro p:first-child {
	padding-bottom: 2rem;
}	


.goal{
	background: #358FEC;
}



/*  mobile-only  */
@media only screen and (max-width: 40em) { 
	.medium-up,
	.logo{display:none;}

	header{}

	h1,h2{
		font-size: 2rem;
	}

	img.profile-pic{
		width: 200px;
		height: 200px;
		margin-bottom: 25px;
		box-shadow: 0 0 0px 10px white, 0 0 0px 11px #0FC088, 0px 0px 22px 10px rgba(0,0,0,.15),0 0 0px 22px #9FF7DB, 0 -13px 0px 26px #9FF7DB, 0 0px 0px 23px #0FC088, 0px 12px 22px 10px rgba(0,0,0,.15);
	}

	.wrap {
		width: 100%;
		border-left:0px;
		border-right:0px;
	}

	.wrap, .section.intro, .section.last{
		border-radius: 0px;

	}

	a.top-right{
		display: none;
	}

	.intro{
		padding-bottom: 4rem;
	}

	.intro p, .goal p {
		font-size: 1.7rem;
		line-height: 2.1rem;
		font-weight: 500;
	}

	.intro p{
		padding: 2rem;
	}

	.goal p {
	 	font-size: 1.5rem;
	}

	.medium-text{
		padding: 0px 6%;
	}

	.job ul {
	  width: 90%;
	  padding:0px;
	}
	  
} 

/*  Tablet Up  */
@media only screen and (min-width: 40.063em) { 
	
	.small-only{display:none;}
	.mobile-fixed-header{display: none !important}

	body{
		background: #9FF7DB;
	}

} 


/*  Tablet Only  */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.wrap {
		width: 100%;
		border-radius: 0px;
		border-left:0px;
		border-right:0px;
	}

	.logo{
		font-size: 2.1em;
	}
}

/*  Large screens   */
@media only screen and (min-width: 64.063em) { 

	.wrap {
		width: 960px;
		margin-left:auto;
		margin-right:auto;
	}

}