@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#000;
}

h1{
	font-family: 'Raleway', sans-serif;
	font-size:30px;
  	letter-spacing:3px;
  	text-transform: uppercase;
}
.profile-name h2{
	font-family: 'Great Vibes', cursive;
	color:#fff;
}
.profile-name h3{
  font-family: 'Raleway', sans-serif;
  letter-spacing: 10px;
  color: #fff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
}
a, h1, .twitter-bird, .resume-btn i{color:#209944;}
a{color:#000;}
#top-bar, #nav-bar, .contact-info li span, .my-service span, .skillbar-bar, .social_icons ul li a, #back-top a:hover, .date-wrap, .resume-btn a, .resume-btn a:hover i
{background-color:#BB9540;}

#top-bar{
	background:url(../images/top-bar.jpg) center bottom;
}
#nav-bar{
	background:url(../images/nav-bar.jpg) center bottom;
}
.grid svg path {
    fill: #BB9540;
}
.twitter-bird{
	border:1px solid #BB9540;
}
.date-wrap:before{
	border-top:8px solid #BB9540;
}
header{
	background:#209944;
}
.ls-wrapper .ls-nav ul {  
	margin-left:129px;
}
.ls-wrapper .ls-nav ul li {
  /* Do not edit below this line */
  display: inline-block;
  padding:0 20px 0 20px;
}
p{
	line-height:1.75em;
}
.green{
	color:#209944;
}
.grid figcaption h2{
	margin: 0 0 0px 0;
	color: #209944;
}
.grid figure button {
	font-size:80%;
	padding: 3px 12px;
}
.demo-1 .grid figure button,
.demo-3 .grid figure button {
	top: 35%;
	left: 50%;
	border: 2px solid #CCC;
	color: #fff;
	background:#666;
}
.TravelWriting img{
  padding:0px 0px 30px 0px;
}
#contact_form .send-btn{
	background:#209944;
	color:#fff;
	font-weight:bold;
}
p.ContactInfo{
	text-align:center;
	font-size:12px;
}
.FeatureBooks p{
	text-align:center;
}
.AboutWrapper, .ContactWrapper{
	margin:0px 50px;
}
.Documentary p{text-align:left;}
#contact_form label,
#contact_form input,
#contact_form textarea{
	color:#000;
}
#contact_form .send-btn:hover{
	background:#C82A4B
}
h4.form_thanks {
    background:#C82A4B;
}
@media only screen and (max-width: 479px){
	.TravelWriting .BookShelf{
		background:url(../images/bookshelf_283.png) no-repeat center 120px;
		margin-bottom:50px;
		padding-left:40px;
	}	
}
@media only screen and (min-width: 480px) and (max-width: 768px){
	.TravelWriting .BookShelf{
		background:url(../images/bookshelf_432.png) no-repeat center 120px;
		margin-bottom:50px;
		padding-left:85px;
	}
	.TravelWriting .BookShelf img{
		margin:0px 10px 0px 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
	.TravelWriting .BookShelf{
		background:url(../images/bookshelf_725.png) no-repeat center 120px;
		margin-bottom:50px;
		padding-left:80px;
	}	
}
@media only screen and (min-width: 960px) and (max-width: 991px){
	.TravelWriting .BookShelf{
		background:url(../images/bookshelf_915.png) no-repeat center 120px;
		margin-bottom:50px;
		padding-left:130px;
	}
	.TravelWriting .BookShelf img{
		margin:0px 10px 0px 10px;
	}
}
@media (min-width: 992px) {
	.TravelWriting .BookShelf{
		background:url(../images/bookshelf_965.png) no-repeat center 120px;
		margin-bottom:50px;
		padding-left:60px;
	}	
	p.ContactInfo{
		font-size:18px;
	}
}
@media (min-width: 1200px) {
	.TravelWriting .BookShelf{
		background:url(../images/bookshelf_1030.png) no-repeat center 120px;
		margin-bottom:50px;
		padding-left:95px;
	}	
}
@media only screen and (max-width: 767px) {
	#top-bar{
		background:url(../images/top-bar767.jpg) center bottom;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.ls-wrapper .ls-select-box select{
		margin:25px 0 50px 0;
	}
	

}