* {
  margin: 0; 
  padding: 0;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
body {
  font-size: 100%;
}
.accordion {
  width: 60%;
  margin: 60px auto;
  /*border: 5px solid white;
  border-top-left-radius: 50px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 50px;*/
}

@media only screen and (max-width: 750px) {
	.accordion {
		width: 90%;
	}
	
}

.accordion h1, h2, h3, h4 {
  cursor: pointer;
}
.accordion h2, h3, h4 {
  /*font-family: "News Cycle";*/
}
.accordion .first_h1 {
	 /*border-top: 5px solid #bfd255;
	 border-left: 5px solid #bfd255;*/
	 text-align: center;
	 padding: 15px 20px;
  background: rgb(120,168,36); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(120,168,36,1) 0%, rgba(126,178,42,1) 50%, rgba(97,147,17,1) 51%, rgba(92,140,8,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,168,36,1)), color-stop(50%,rgba(126,178,42,1)), color-stop(51%,rgba(97,147,17,1)), color-stop(100%,rgba(92,140,8,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(120,168,36,1) 0%,rgba(126,178,42,1) 50%,rgba(97,147,17,1) 51%,rgba(92,140,8,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(120,168,36,1) 0%,rgba(126,178,42,1) 50%,rgba(97,147,17,1) 51%,rgba(92,140,8,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(120,168,36,1) 0%,rgba(126,178,42,1) 50%,rgba(97,147,17,1) 51%,rgba(92,140,8,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(120,168,36,1) 0%,rgba(126,178,42,1) 50%,rgba(97,147,17,1) 51%,rgba(92,140,8,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a824', endColorstr='#5c8c08',GradientType=0 ); /* IE6-9 */
  
  font-size: 1.5rem;
  font-weight: bolder;
  text-shadow: 1px 0px 2px #191919;
  color: white;
}
.accordion .first_h1:hover {
	color: #242424;
}
.accordion .nth_h1 {
	 /*border-left: 5px solid #bfd255;*/
	 text-align: center;
	 padding: 15px 20px;
  background: rgba(54,54,54,1);
  background: -moz-linear-gradient(top, rgba(54,54,54,1) 0%, rgba(64,64,64,1) 12%, rgba(71,71,71,1) 25%, rgba(51,51,51,1) 39%, rgba(31,31,31,1) 50%, rgba(0,0,0,1) 51%, rgba(13,13,13,1) 60%, rgba(31,31,31,1) 76%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,54,54,1)), color-stop(12%, rgba(64,64,64,1)), color-stop(25%, rgba(71,71,71,1)), color-stop(39%, rgba(51,51,51,1)), color-stop(50%, rgba(31,31,31,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(13,13,13,1)), color-stop(76%, rgba(31,31,31,1)), color-stop(91%, rgba(20,20,20,1)), color-stop(100%, rgba(13,13,13,1)));
  background: -webkit-linear-gradient(top, rgba(54,54,54,1) 0%, rgba(64,64,64,1) 12%, rgba(71,71,71,1) 25%, rgba(51,51,51,1) 39%, rgba(31,31,31,1) 50%, rgba(0,0,0,1) 51%, rgba(13,13,13,1) 60%, rgba(31,31,31,1) 76%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 100%);
  background: -o-linear-gradient(top, rgba(54,54,54,1) 0%, rgba(64,64,64,1) 12%, rgba(71,71,71,1) 25%, rgba(51,51,51,1) 39%, rgba(31,31,31,1) 50%, rgba(0,0,0,1) 51%, rgba(13,13,13,1) 60%, rgba(31,31,31,1) 76%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 100%);
  background: -ms-linear-gradient(top, rgba(54,54,54,1) 0%, rgba(64,64,64,1) 12%, rgba(71,71,71,1) 25%, rgba(51,51,51,1) 39%, rgba(31,31,31,1) 50%, rgba(0,0,0,1) 51%, rgba(13,13,13,1) 60%, rgba(31,31,31,1) 76%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 100%);
  background: linear-gradient(to bottom, rgba(54,54,54,1) 0%, rgba(64,64,64,1) 12%, rgba(71,71,71,1) 25%, rgba(51,51,51,1) 39%, rgba(31,31,31,1) 50%, rgba(0,0,0,1) 51%, rgba(13,13,13,1) 60%, rgba(31,31,31,1) 76%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#0d0d0d', GradientType=0 );
  font-size: 1.5rem;
  font-weight: normal;
  color: white;
  border-left: 3px solid white;
}
.accordion .nth_h1:hover {
	color: #a1d54f;
}
.accordion h1:first-child {
  border-radius: 50px 50px 0 0;
  border-left: 3px solid white;
  /*border-right: 3px solid white;*/
  border-top: 3px solid white;
}
.accordion h1:last-of-type {
  border-radius: 0 0 10px 10px;
}
.accordion h1:not(:last-of-type) {
  /*border-bottom: 3px solid white;*/
}
.accordion h2:not(:last-of-type) {
  /*border-bottom: 1px solid white;*/
}
.accordion div, .accordion p {
  display: none;
}
/* To fix small gap beneath images */
.accordion img {
	margin-bottom:-3px;
}

.accordion h2 {
  padding: 5px 25px;
  background: rgb(87,127,27); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(87,127,27,1) 0%, rgba(107,152,36,1) 22%, rgba(84,127,15,1) 77%, rgba(56,87,5,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,127,27,1)), color-stop(22%,rgba(107,152,36,1)), color-stop(77%,rgba(84,127,15,1)), color-stop(100%,rgba(56,87,5,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(87,127,27,1) 0%,rgba(107,152,36,1) 22%,rgba(84,127,15,1) 77%,rgba(56,87,5,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(87,127,27,1) 0%,rgba(107,152,36,1) 22%,rgba(84,127,15,1) 77%,rgba(56,87,5,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(87,127,27,1) 0%,rgba(107,152,36,1) 22%,rgba(84,127,15,1) 77%,rgba(56,87,5,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(87,127,27,1) 0%,rgba(107,152,36,1) 22%,rgba(84,127,15,1) 77%,rgba(56,87,5,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577f1b', endColorstr='#385705',GradientType=0 ); /* IE6-9 */
  
  font-size: 1.3rem;
  color: #ededed;
  text-shadow: 1px 0 1px #3e3e3e;
  font-weight: 700;
  border-left: 3px solid white;
}
.blacktext {
	color: #333;
	text-shadow: 1px 0 1px #dfdfdf;
}


.accordion h2 a {
	 color: #ededed;
}


.accordion h2:hover {
  Color: #333;
}  

.accordion h2 a {
	text-shadow: 33px 17px 3px transparent;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.accordion h2 a:hover {
	color: #d3d3d3;
	text-shadow: -2px -4px 3px #2e2e2e;
}

.accordion h3 {
  padding: 5px 30px;
  background: rgba(209,255,82,.8);
	  background: -moz-linear-gradient(top, rgba(209,255,82,.8) 0%, rgba(145,231,64,.8) 100%);
	  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,255,82,.8)), color-stop(100%, rgba(145,231,64,.8)));
	  background: -webkit-linear-gradient(top, rgba(209,255,82,.8) 0%, rgba(145,231,64,.8) 100%);
	  background: -o-linear-gradient(top, rgba(209,255,82,.8) 0%, rgba(145,231,64,.8) 100%);
	  background: -ms-linear-gradient(top, rgba(209,255,82,.8) 0%, rgba(145,231,64,.8) 100%);
	  background: linear-gradient(to bottom, rgba(209,255,82,.8) 0%, rgba(145,231,64,.8) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ff52', endColorstr='#91e740', GradientType=0 );
  font-size: .9rem;
  color: #121212; 
  border-left: 3px solid white;
  
  text-shadow: 1px 0 1px #e3e3e3;
}
.accordion h3:hover {
color: #4d0899;
}
.accordion h4 {
  padding: 5px 35px;
  background-color: #ffc25a;
  font-size: .9rem;
  color: #af720a; 
}
.accordion h4:hover {
  background-color: #e0b040;
}
.accordion p {
	
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 1rem;
	color: #333;
	line-height: 1.3rem;
	padding: 15px 35px;
	background: rgb(254,255,252); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,255,252,1) 0%, rgba(211,214,207,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,252,1)), color-stop(100%,rgba(211,214,207,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,255,252,1) 0%,rgba(211,214,207,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,255,252,1) 0%,rgba(211,214,207,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,255,252,1) 0%,rgba(211,214,207,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,255,252,1) 0%,rgba(211,214,207,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefffc', endColorstr='#d3d6cf',GradientType=0 ); /* IE6-9 */
		border-left: 3px solid white;
}
.accordion .opened-for-codepen {
  display: block;
}