img {
 max-width: 130%;
  /*height: auto;
  width: auto;*/
  margin-bottom: -4px;
}
@media (max-width: 768px) {
img  {
	 max-width: 100%;
 }
}
@media (min-width: 768px) {
img  {
	 max-width: 130%;
 }
}

@media (min-width: 779px) and (max-width: 990px) {

	.season_bk
	{
	width: 110%;

	}

}

@media (min-width: 768px) and (max-width: 778px) {

	.season_bk
	{
	width: 110%;

	}

}

a{
	color: black;
}
a :hover{
	color: red;
}
.left-container {
	 /*background: #000;*/
	 color: grey;
	 text-align: center;
	 padding: 10% 5%;
}
 .right-container {
	 /*background-color: #ece8e3;*/
	 padding: 10% 5%;
}
@media (max-width: 350px) {
.left-container {

height:200px;
}
}

@media (max-width: 550px) {
.left-container {
padding-bottom: 0%;
height:1000px;
}
.right-container {
padding-top: 0%
}
}

@media (max-width: 1500px) {
.left-container {

height:400px;
}
}
@media (min-width: 600px)and (max-width: 768px) {
.left-container {

height:800px;
}
}
@media (min-width: 351px)and (max-width: 420px) {
.left-container {

height:450px;
}
}
@media (min-width: 420px)and (max-width: 599px) {
.left-container {

height:600px;
}
}

@media (min-width: 1200px) {
	.wrapper {
		padding: 40px 0px 0px 0px;
 }

 .left-container {

 	padding: 2% 7% 2% 7%;

 }

}
 @media (min-width: 768px) {
	 .wrapper {
		 display: flex;
	}
	 .left-container {
		 width: calc(50% - 12%);
		 flex: 1;
		 /*padding: 4% 6% 0 6%;padding: 12% 6% 0 6%;
		 padding: 2% 7% 2% 7%;*/
		 padding: 7% 7% 2% 3%;
	}
	 .right-container {
		 flex: 1;
		 width: calc(50% - 12%);
		 padding: 2% 7% 2% 7%;
	}

	 .content {
		/* column-count: 2;*/
		 column-gap: 1.5em;
	}
}
@media (min-width: 550px)and (max-width: 700px) {
	.left-container  {
	padding: 0%;
 }
.right-container {
	padding: 0% 0% 0% 10%;;

}

}
@media (min-width: 1200px) {

 .left-container {

 	padding: 2% 7% 2% 7%;

 }

}
@media (min-width: 1500px) {

  .left-container  {

  height: 1100px;
  }
 .right-container {
 	height: 1100px;

 }


}
 .heading {
	 font-size: 3.5em;
	 font-weight: normal;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 margin-bottom: 15px;
}
 .separator {
	 display: block;
	 font-size: 2.3em;
	 margin-bottom: 25px;
}

.about_unique
{
	position:relative;
	/*width: 100px;
	height: 100px;;
	margin-top:-380px;
	margin-left: 150px;*/
}
.about_unique:hover {
	 /* background-color: yellow;*/
  /*background-color: #fff;
	opacity: 0.4;*/
	cursor: pointer;
}


 .intro {

	 position:relative;
	 line-height: 1.3;
	 font-size: 1.15em;
	 font-weight: bold;
  /* background: #c69b23;
	 color: #3a3f39;
	  margin-right: 190px;*/
	 padding: 1px 0px 1px 6px;

  left:-15px;
   top: 190px

}

.intro:hover{
cursor: pointer;
}

@media (min-width: 900px) {

.intro{
height: 90px;
width: 270px;
left: -80px;
top: -140px;
}

}
@media (min-width: 998px) {
	.about_unique
	{
		width: 350px;
		height: 200px;
		left: 170px;
		top: -540px;
	}

}
@media (min-width: 900px)and (max-width: 997px) {
	.about_unique
	{
		width: 310px;
		height: 200px;
		left: 150px;
		top: -530px;
	}

}
@media (min-width: 800px)and (max-width: 899px) {
	.intro{
		height: 100px;
		width: 180px;
		left:-80px;
		top: -130px;

	}
	.about_unique
	{
		width: 280px;
  	height: 200px;
  	left: 130px;
  	top: -480px;
	}
}

@media (min-width: 780px) and (max-width: 799px){
	.intro{
		height: 100px;
		width: 180px;
		left:-80px;
		top: -130px;
	}
	.about_unique
 {
	 width: 240px;
 	height: 200px;
 	left: 130px;
 	top: -480px;
 }
}

@media (min-width: 768px)and (max-width: 779px) {
	.intro{
		height: 100px;
		width: 180px;
		left:-100px;
		top: -200px;

	}
	.about_unique
 {
	 width: 230px;
	 height: 200px;
	 left: 120px;
	 top: -480px;
 }
}

@media (min-width: 650px)and (max-width: 767px) {


	.about_unique
 	{
		width: 420px;
	 height: 250px;
	 left:120px;
	 top: -700px;
 	}
}
@media (min-width: 595px)and (max-width: 649px) {


	.about_unique
 	{
		width: 420px;
	 height: 250px;
	 left:100px;
	 top: -650px;
 	}
}
@media (min-width: 551px)and (max-width: 594px) {


	.about_unique
 	{
		width: 340px;
	 height: 200px;
	 left:100px;
	 top: -630px;
 	}
}
@media (min-width: 550px)and (max-width: 550px) {


	.about_unique
 	{
		width: 340px;
	 height: 180px;
	 left:100px;
	 top: -530px;
 	}
}


@media (min-width: 550px)and (max-width: 767px) {

	.intro{
		height: 150px;
		width: 340px;
		left:-100px;
		top: -190px;
	}

}
@media (max-width: 550px) {
	.intro{
		height: 80px;
		width: 250px;
		left:-100px;
		top: -120px;

	}

}


@media (min-width: 471px)and (max-width: 549px){
	.about_unique
	{
		width: 320px;
	 height: 180px;
	left:100px;
	top: -480px;
	}



}
@media(max-width: 470px){
	.about_unique
	{
		width: 280px;
	 height: 170px;
	left:70px;
	top: -450px;
	}



}

@media (max-width: 424px) {
	.intro{
		height: 70px;
		width: 200px;
		left:-80px;
		top: -90px;

	}
	.about_unique
 {
	 width: 240px;
	 height: 140px;
	left:70px;
	top: -400px;
 }

}
@media (max-width: 330px) {
	.intro{
		height: 80px;
		width: 150px;
		left:-80px;
		top: -100px;

	}
	.about_unique
 {
	 width: 200px;
	 height: 140px;
 left:50px;
 top: -350px;
 }
}

@media (max-width: 299px) {


	.intro{
		height: 40px;
		width: 120px;
		top: -70px;

	}
	.about_unique
 {
	 width: 150px;
	 height: 100px;
	 left:50px;
 	top: -270px;
 }
}


@media (min-width: 1200px) {

.intro{
height: 120px;
width: 300px;
left:-80px;
top: -200px;
}
.about_unique
{
	width: 400px;
	height: 300px;
	left:180px;
	top: -650px;
}
}
@media (min-width: 1100px)and (max-width: 1199px) {

.intro{
height: 90px;
width: 270px;
left: -100px;
top: -150px;
}
.about_unique
{
	width: 350px;
	height: 200px;
	left:180px;
	top: -580px;
}
}

@media (min-width: 1500px) {

.intro{
height: 140px;
width: 400px;
left:-100px;
top: -200px;
}
.about_unique
{
	width: 450px;
	height: 300px;
	left:210px;
	top: -760px;
}
}
 .meta {
	 color: #757575;
	 text-transform: uppercase;

	 font-size: 0.8em;
}
 .meta p {
	 margin-top: 0;
	 line-height: 1.3;
	 margin-bottom: 15px;
}
 .meta span {
	 margin: 0;
	 padding: 0;
	 display: block;
}
 .featured-image {
	 text-align: right;
	 padding-top: 10%;
}
 .featured-image img {
	 width: 230px;
}
 .content {
	 margin-top: 10px;

	 font-size: 0.9em;
	 text-align: justify;
}
 /*.content p {
	 margin-top: 0;
	 margin-bottom: 0;
}*/
 .content:first-letter {
	 font-size: 3.8em;
	 font-weight: bold;
	 float: left;
	 margin: -8px 3px;
	 padding: 0;
}
 .lead {
	 text-transform: uppercase;
	 font-weight: bold;
}
 .indent {
	 margin-top: 0;
	 text-indent: 3em;
}
 .pagination {
	 margin-top: 20px;
	 margin-bottom: 0;
	 padding-left: 30%;
	 font-size: 0.8em;
}

.past_season{
  display: grid;
  grid-template-columns: 1fr 2fr;

}

.season_bk{
  grid-column-start: 1;
    grid-column-end: 2;
    margin: 15px 0;
    padding-right: 30px;
}
.season_desc{
  /*padding-left: 20px;*/
	padding-top: 30px;
 margin: 30px 0;
}

@media (min-width: 779px) and (max-width: 960px) {


	.season_desc{
    margin: 20px 0px ;

	}
}

@media (min-width: 768px) and (max-width: 778px) {


	.season_desc{
    margin: 0px ;

	}
}

 @media (min-width: 1200px) {

 	.season_bk{
 	    margin: 25px 0;


 }




  @media (min-width: 950px) {
 .featured-image {
	 text-align: right;
	 padding-top: 2%;
}
}



.latest_book
{

 padding-top: 30px;
 height: auto;
}

@media (min-width: 1200px) {

 .latest_book
 {
 	width: 130%;
 	height: auto;

 }
}
@media (min-width: 1000px)and (max-width: 1199px) {

 .latest_book
 {
 	width: 130%;

 }

 .season_bk{
  width: 100%
  margin: 5px 0;

 }

}


@media (min-width: 780px)and (max-width: 999px) {

 .latest_book
 {
 	width: 135%;
 	padding-top: 50px;
 }

 img .season_bk{
  width: 100%

 }
 .season_desc{

  margin: 0px;
 }
}
@media (min-width: 701px)and (max-width: 779px) {

 .latest_book
 {
 	width: 130%;
 	padding-top: 80px;
 }

}

@media (min-width: 650px)and (max-width: 700px) {

 .latest_book
 {
	padding-top: 30px;
 	width: 100%;
 	height: auto;
 }



}

@media (min-width: 550px)and (max-width: 650px) {

 .latest_book
 {
 	width: 100%;
 	height: auto;
 }
}

@media (min-width: 500px)and (max-width: 549px) {

  .latest_book
 {
 	width: 100%;
 	height: auto;
 }
}


@media (min-width: 300px)and (max-width: 499px) {

 .latest_book
 {
 	width: 105%;
 	height: auto;
 }
}

@media (max-width: 299px) {

	.latest_book
	{
	 width: 110%;
	 height: auto;
	}

}
.footerlist{
  list-style-type:none;
  text-align:left;
  padding: 0% 1% 1% 5%;

  /*padding: 0% 3% 1% 10%*/
}
.footerlist :hover{
text-decoration: none;
color: blue;
}