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

body{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: english-grotesque, sans-serif;
	font-size:16px;
	font-weight: 300;
	color:#262F38;
}

#content{
	display:block;
	max-width:80%;
	padding-top: 50px;
	padding-left: 10%;
}
.chapters{
	text-align: left;
}
 .content, .li-style{
	font-size:28px;
	letter-spacing: 2.24px;
	line-height: 37.2px;
	text-align: left;
}
.nostyle{
	list-style: none;
}

.date-published{
	margin-left:10%;
	font-size: 28px;
	letter-spacing: 2.24px;
	line-height: 37.2px;
}

h1{
	margin:0;
	padding-left: 10%;
	padding-top:70px;
	font-size:35px;
	letter-spacing: 2.8px;
	line-height: 46.5px;
}
	
h2{
	font-size: 32px;
	letter-spacing: 2.56px;
	line-height: 43.6px;
	margin-top:0;
	margin-left: 10%;
}
article{
	width:80%;
	padding-left:10%;
	font-size:30px;
	line-height:39.9px;
	letter-spacing: 2.4px;
}
table{
	display: block;
	border-collapse: collapse;
	width:80%;
	padding-left:10%;
	padding-top:20px;
}
th{
	text-align: left;
}
td, th{
	border: 1px solid #0a3c13;
    padding:8px;
	font-size:28px;
	letter-spacing: 2.24px;
	line-height: 37.2px;
	vertical-align: top;
    }

.distance-bottom{
	width:100%;
	height:100px;
}

@media screen and (max-width: 1600px){
.date-published{
	font-size: 28px;
	letter-spacing: 2.24px;
	line-height: 37.2px;
}
h1{
	font-size:35px;
	letter-spacing: 2.8px;
	line-height: 46.5px;
}
	
h2, .content, .li-style{
	font-size: 32px;
	letter-spacing: 2.56px;
	line-height: 43.6px;
}
article{
	font-size:30px;
	line-height:39.9px;
	letter-spacing: 2.4px;
}
td, th{
	font-size:28px;
	letter-spacing: 2.24px;
	line-height: 37.2px;
    }
}
@media screen and (max-width: 1366px){
	.date-published{
	font-size: 26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
}
h1{
	font-size:32px;
	letter-spacing: 2.56px;
	line-height: 42.6px;
}
	
h2{
	font-size: 30px;
	letter-spacing: 2.4px;
	line-height: 39.9px;
}
.content, .li-style{
	font-size:26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
}
article{
	font-size:28px;
	line-height:39.2px;
	letter-spacing: 2.24px;
}
td, th{
	font-size:26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
    }

}
@media screen and (max-width: 1280px){
	.date-published{
	font-size: 26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
}
h1{
	font-size:32px;
	letter-spacing: 2.56px;
	line-height: 42.6px;
}
	
h2{
	font-size: 30px;
	letter-spacing: 2.4px;
	line-height: 39.9px;
}
.content, .li-style{
	font-size:26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
}
article{
	font-size:28px;
	line-height:39.2px;
	letter-spacing: 2.24px;
}
td, th{
	font-size:26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
    }
}
@media screen and (max-width: 1024px){
	.date-published{
	font-size: 26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
	margin:0;
	padding-left:5%;
}
	#content{
		padding-left: 5%;
	}	
h1{
	font-size:28px;
	letter-spacing: 2.24px;
	line-height: 39.2px;
	padding-left:5%;	
}	
h2{
	font-size: 26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
	margin:0;
	padding-left: 5%;
}
.content, .li-style{
	font-size:22px;
	letter-spacing:1.76px;
	line-height: 30.8px;
}
article{
	font-size:24px;
	line-height:33.6px;
	letter-spacing: 1.92px;
	width:90%;
	padding-left:5%;
}
	table{
		width:90%;
		padding-left:5%;
	}
td, th{
	font-size:22px;
	letter-spacing:1.76px;
	line-height: 30.8px;
    }
}
@media screen and (max-width: 900px){
	.date-published{
	font-size:22px;
	letter-spacing:1.76px;
	line-height: 30.8px;;
}
h1{
	font-size:26px;
	letter-spacing: 2.08px;
	line-height: 36.4px;
}
	
h2{
	font-size: 24px;
	line-height:33.6px;
	letter-spacing: 1.92px;
}
.content, .li-style{
	font-size: 24px;
	line-height:33.6px;
	letter-spacing: 1.92px;
}
article{
	font-size:20px;
	letter-spacing:1.6px;
	line-height: 28px;
}
td, th{
	font-size:20px;
	letter-spacing:1.6px;
	line-height: 28px;
    }
	
}
@media screen and (max-width: 768px){
	.date-published{
	font-size:20px;
	letter-spacing:1.6px;
	line-height: 28px;
}
h1{
	font-size: 24px;
	line-height:33.6px;
	letter-spacing: 1.92px;
}
	
h2{
	font-size:22px;
	letter-spacing:1.76px;
	line-height: 30.8px;
}
	.content, .li-style{
	font-size:22px;
	letter-spacing:1.76px;
	line-height: 30.8px;
}
article{
	font-size:18px;
	letter-spacing:1.44px;
	line-height: 25.2px;
}
td, th{
	font-size:18px;
	letter-spacing:1.44px;
	line-height: 25.2px;
    }
	}

@media screen and (max-width: 568px){
	.date-published{
	font-size:18px;
	letter-spacing:1.44px;
	line-height: 25.2px;
	padding-left:2%;
}
h1{
	font-size:22px;
	letter-spacing:1.76px;
	line-height: 30.8px;
	padding-left:2%;
}
	
h2, .content, .li-style{
	font-size:20px;
	letter-spacing:1.6px;
	line-height: 28px;
	padding-left: 2%;
}
.content, .li-style{
	font-size:16px;
	letter-spacing:1.28px;
	line-height: 22.4px;
}
article{
	font-size:18px;
	letter-spacing:1.44px;
	line-height: 25.2px;
	width:96%;
	padding-left: 2%;
}
	table{
		width:96%;
		padding-left:2%;
	}
td, th{
	font-size:16px;
	letter-spacing:1.28px;
	line-height: 22.4px;
    }
}
@media screen and (max-width: 414px){
	.date-published{
	font-size:16px;
	letter-spacing:1.44px;
	line-height: 25.2px;
}
h1{
	font-size:20px;
	letter-spacing:1.76px;
	line-height: 30.8px;
}
	
h2{
	font-size:18px;
	letter-spacing:1.28px;
	line-height: 22.4px;
}
.content, .li-style{
	font-size:14px;
	letter-spacing:1.12px;
	line-height: 19.6px;
}
article{
	font-size:16px;
	letter-spacing:1.28px;
	line-height: 22.4px;
}
td, th{
	font-size:14px;
	letter-spacing:1.12px;
	line-height: 19.6px;
    }
	}
@media screen and (max-width: 375px){
	.date-published{
	font-size:16px;
	letter-spacing:1.44px;
	line-height: 25.2px;
}
h1{
	font-size:20px;
	letter-spacing:1.76px;
	line-height: 30.8px;
}
	
h2{
	font-size:18px;
	letter-spacing:1.28px;
	line-height: 22.4px;
}
.content, .li-style{
	font-size:14px;
	letter-spacing:1.12px;
	line-height: 19.6px;
}
article{
	font-size:16px;
	letter-spacing:1.28px;
	line-height: 22.4px;
}
td, th{
	font-size:14px;
	letter-spacing:1.12px;
	line-height: 19.6px;
    }
	}