#hero { 
	background-color: #E98300;
	background-image: url(../img/exacttarget-bg.jpg); 
	background-size: 105% auto; 
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center; 
}

#hero img { width: 60%; padding: 40px 0; }

#screens {
	background: #39a2de; /* Old browsers */
	background: -moz-linear-gradient(top, #39a2de 0%, #155d9c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39a2de), color-stop(100%,#155d9c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #39a2de 0%,#155d9c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #39a2de 0%,#155d9c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #39a2de 0%,#155d9c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #39a2de 0%,#155d9c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a2de', endColorstr='#155d9c',GradientType=0 ); /* IE6-9 */
}

#experience {
	background-color: #657984;
  border-top: 4px solid rgba(0,0,0,0.20); 
}

.what-i-learned p { text-shadow: 0 1px rgba(0,0,0,0.1); }



@media only screen and (max-width: 680px) { 

}

@media only screen and (max-width: 420px) { 
}