@charset "utf-8";
/* CSS Document */
p{
	padding: 10px;
}

.learn_container{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: auto auto 1fr;
	gap: 20px;
	margin: 20px;
	background: #115d90;
	border-radius: 20px;
}

.learn_title{
	grid-column: 1 / span 8;
	grid-row: 1;
	height: auto;
	margin: 0 auto;
	letter-spacing: 2px;
	font-family: 'Russo One', sans-serif;
	padding: 20px 20px 0px 20px;
	
}
.learn_intro{
	grid-column: 1 / span 8;
	grid-row-start: 2;
	grid-row-end: 2;
	margin: 0 5vw;
	height: auto;
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	
}
.faq_container{
	grid-column: 1 / span 8;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto;
	gap: 20px;
	background: #1d9bf0;
	padding-top: 10px;
}
.FAQ_1{
	grid-row: 1;
}
.FAQ_2{
	grid-row: 1;
}
.FAQ_3{
	grid-row: 2;
}
.FAQ_4{
	grid-row: 2;	
}
.FAQ_5{
	grid-row: 3;	
}
.FAQ_6{
	grid-row: 3;
}

li.coin { 
	background: url(https://earncoinpool.com/favicon-32x32.png) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0px 40px 20px 40px;
  /* reset styles (optional): */
  list-style: none;
  margin-left: 10px;	
} 

.Epoch_Title{
	font-family: 'Russo One', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

@media screen and (max-width: 700px) {
	.faq_container{
	grid-column: 1 / span 8;
	display: grid;
	grid-template-columns: 1fr;
	
	gap: 20px;
}
.learn_title{
	padding-left: 80px;
}	
.FAQ_1{	grid-row: 1;}
.FAQ_2{	grid-row: 2;}
.FAQ_3{	grid-row: 3;}
.FAQ_4{	grid-row: 4;}
.FAQ_5{	grid-row: 5;}
.FAQ_6{ grid-row: 6;}
}