h1, h2, li, {
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size: 40px;
	font-weight: 700;
	margin-top: 70px;
	border-bottom: 2px solid #ececec;
	line-height: 0.9;
	letter-spacing: -2px;
}

h2 {
	font-weight: 400;
	font-size: 29px;
	margin-top: 70px;
	margin-bottom:0px;
	padding-bottom: 2px;
	padding-top: -40;
	
}

h3 {
	font-weight: 400;
	font-size: 24px;	
	margin-top: 0px;
	margin-bottom: 0px;
	word-spacing:-1px;
	font-family: 'Vollkorn', serif;
}

h4 {
	font-family: 'Vollkorn', serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 18px;
	margin-bottom:0px;
	text-align: left;
}

h5 {
	margin-top: 0px;
	text-decoration: underline;	
	-moz-text-decoration-line: none;
	line-height:1;
}

h6 {
	border-bottom: 1px solid black;	
}

p {
	font-family: 'Vollkorn', serif;
	font-size: 17px;	
	font-weight: 400;
	color: #fff;
	line-height: 1.5;
}

li {
	font-family: 'Vollkorn', serif;
	font-size: 18px;	
	font-weight: 400;
	line-height: 1.8;	
}

ul {
	margin-left:21px;	
}

a {
	color: #000000;	
}

a:hover{
	color: #678597;
}

/*Button styles-------------------------------*/
.button.tiny {
	background-color: #ff9900;
	border-bottom: 4px solid #ffaa00;
	z-index: 1;
}

.button:hover, .button:focus {
	text-decoration: none;
	background-color: #ff7700
}

.button:hover, {
	background-color: #white;
}

.circle {
	margin-top: 40px;
	margin-bottom:-20px;	
}

/*colors & utility-----------------------------------*/
.white {
	color: #fff;
}

.black {
	background: #000;
}

.green {
	background: green;
}

.red {
	color:#ff3333
}

.asize{
	font-size: 36px;
	line-height:1;
}

.inline {
	display: inline-block;
	padding-left: 7px;
	vertical-align: middle;
	font-size:18px;
}

.inline:hover {
	color: #444444;
}


/*Top to bottom css--------------------------------*/

.wrapper {
	overflow:hidden;
}

.row {
	max-width: 100%;
}

.sectionline {	
	border-bottom: 2px solid #ececec;
}

.top-bar {
	background-color: #000;

}

.top-bar-section li:not(.has-form) a:not(.button) {
	background-color: #000
}

.top-bar-section ul li > a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.top-bar .toggle-topbar.menu-icon a {
	font-family: 'Open Sans', sans-serif;
	
}
.menu {
	background-color: #292c2f;
	padding: 1.5rem 3rem;
	height: auto; 
}

.menu .inline-list {
	text-align: center;
}

.menu .inline-list li {
	float: none;
	display: inline-block; 
}

.menu .inline-list a {
	color: #fff;
	padding-bottom: 0.5rem; 
}

.menu .inline-list a:hover {
	color: #87d37c;
	transition: all .3s ease-in-out; 
}
.menu .inline-list .active a {
	color: #87d37c; 
}

#logo {
	padding: 0 0;	
}

.herotext {
	vertical-align: middle;
	padding-top: 14%;	
}
.herotextbottom {
	padding-bottom: 10%;	
}

.arnaldofoto {
	vertical-align: bottom;	

}

.books {
	margin-bottom: 40px;	
}

.livros {
	margin-top: 16px;	
}

.readmore {
	font-family: 'Vollkorn', serif;
	font-size: 17px;	
	font-weight: 400;
	color:#336699;
	margin-bottom: 3px;
}

.readmore:hover {
	color:#ff7700;

}

.buttontext {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 17px;	
	color: #ffffff;
	margin: 0 0 0 0;
}

.biographpyh1 {
	margin-top: 100px;
}

.biographymargin {
	margin-top:70px;
}

.biographytext{
	color: #000000;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size: 18px;
}

.articles {
	border-bottom: 1px solid #ececec;
	line-height:0.8;
	margin-bottom: 20px;
	margin-top: 80px;
}

.listing {
	margin-bottom: 2px;
}

.icons {
	margin-top: 15px;
}

.footer {
	vertical-align: center;
	margin-top: 80px;
	margin-bottom: 0px;
	padding: 1px 0px 5px 0;
	position: relative;
	top: 20px;

}
.sergiorola {
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;	
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing:-1px
}

.sergiorola:hover {
	color:#ffffff;
}

/*code to fix stick nav---------------------------*/

*[id]:before { 
	display: block; 
	content: " "; 
	margin-top: -25px; 
	height: 25px; 
	visibility: hidden; 
}


// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 

	.herotext {
		padding-top: 3%;
	}

	.herotextbottom {
		padding-bottom: 0;
	}

	.readmore {
		font-size: 15px;	
	}

	.biographytext{
		font-size: 15px;
	}
	.biographymargin {
		margin-top: 50px;

	}

	.listing {
		margin-bottom: 10px;
	}

	*[id]:before { 
		display: block; 
		content: " "; 
		margin-top: -250px; 
		height: 250px; 
		visibility: hidden; 
	}

	.top-bar.expanded .toggle-topbar a {
		color: #ffffff	
	}

	.inline {
		font-size: 16px;
	}

	.asize{
		font-size: 32px;
	}

	.buttontext {
		font-size: 15px;
	}

	.readmore {
		margin-left: -2px;
	}

	.circle {
		margin-top: 30px;
		margin-bottom:0px;	
	}

	h1 {
		font-size: 34px;
	}

	h2 {	
		font-size: 22px;
		margin-top: 50px;

	}

	h3 {
		font-size: 18px;	
		margin-top: 0px;
	}

	h4 {
		font-size: 15px;		
	}

	p {
		font-family: 'Vollkorn', serif;
		font-size: 17px;	
	}

	li {
		line-height: 1.5;
		/*margin-bottom: 10px;*/
		font-size:16px;
	}

}


// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 58.75em) {
	.top-bar-section li:not(.has-form) a:not(.button):hover {
		background: #444
	}

}

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

	.biographytext{
		font-size: 16px;
	}

	.listing {
		margin-bottom: 10px;
	}

	.inline {
		font-size: 16px;
	}

	.herotext{
		padding-top: 3%;
	}
	.herotextbottom {
		padding-bottom: 0%;

	}

	.readmore {
		margin-left: -2px;
	}

	.circle {
		margin-top: 40px;
		margin-bottom:0px;	
	}

	*[id]:before { 
		display: block; 
		content: " "; 
		margin-top: -250px; 
		height: 250px; 
		visibility: hidden; 
	}

	h1 {
		font-size: 34px;
	}

	h2 {	
		font-size: 24px;
		margin-top: 50px;

	}

	h3 {
		font-size: 20px;	
		margin-top: 0px;
	}

	h4 {
		font-size: 16px;		
	}

	p {
		font-size: 18px;	
	}

	li {
		line-height: 1.6;
		/*margin-bottom: 10px;*/
		font-size:16px;
	}


}

@media only screen and (min-width: 58.75em) and (max-width: 64em) {
	
	*[id]:before { 
		display: block; 
		content: " "; 
		margin-top: -25px; 
		height: 25px; 
		visibility: hidden; 
	}


}



// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 70em) and (max-width: 80em) {
	.herotext {
		padding-top: 18%;
	}
	p {
		font-size: 18px;	
	}


	} /* min-width 1025px and max-width 1440px */

	@media only screen and (min-width: 80em) and (max-width: 90.063em) {
		.herotext {
			padding-top: 21%;
		}
		.asize{
			font-size: 40px;
		}
		p {
			font-size: 20px;	
		}
		} /* min-width 1025px and max-width 1440px */






		// XLarge screens
		@media only screen and (min-width: 90.063em) { 
			
			} /* min-width 1441px, xlarge screens */

		@media only screen and (min-width: 90.063em) and (max-width: 200em) { 
			
			.herotext {
				padding-top: 24%;
				font-size: 22px;	
			}

			p {
				font-size: 22px;	
			}

			.asize{
				font-size: 44px;
				line-height:0.9
			}
			} /* min-width 1441px and max-width 1920px */