.main_content {
        background-color: #ffffff;
      margin: 0 auto;
      max-width: 1000px;
      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 50px;
      hyphens: auto;
      overflow-wrap: break-word;
      text-rendering: optimizeLegibility;
      font-family: "Cantarell", sans-serif; 
      font-size: 20px;
    }
    

    p {
      margin: 1em 0;
    }
    a {
      color: #b83100;
    }
    a:visited {
      color: #2d7a5b;
    }
    img {
      max-width: 100%;
    }
    h1, h2, h3, h4, h5, h6 {
      margin-top: 1.4em;
    }
    h5, h6 {
      font-size: 1em;
      font-style: italic;
    }
    h6 {
      font-weight: normal;
    }
    ol, ul {
      padding-left: 1.7em;
      margin-top: 0.5em;
    }
    li > ol, li > ul {
      margin-top: 0;
    }
    blockquote {
      margin: 1em 0 1em 1.7em;
      padding-left: 1em;
      border-left: 2px solid #e6e6e6;
      color: #606060;
    }

    pre {
      margin: 1em 0;
      overflow: auto;
    }
    pre code {
      padding: 0;
      overflow: visible;
      overflow-wrap: normal;
    }
    .sourceCode {
     background-color: transparent;
     overflow: visible;
    }

* {
	margin:0;
}
    .banner {
	    height: 10%;
background-color: #48bd97; 
width: 100%;
top: 0;
padding-top:10px;
left: 0;
border-bottom: 3px solid #07a26f;
    }
    .banner_content {
max-height: 150px;
max-width:588px; 
margin: auto;
    }
    nav {
	    max-width:100%;
	    padding-top: 0em;
	    font-weight: bold;
	    font-style: normal;
	    position: center;
		border-bottom: 3px solid #07a26f;

    }
    nav .navlinks {
text-align: center;
max-width=50%;
	    background-color: #48bd97;  
    }
    
    nav a:visited {
      color: #ffcd8cff;
    }
    nav a {
	    color: #ffcd8cff;
	    text-decoration: none;
	    margin-left: 20px;
    }

    .image {
	    align: right;
	    min-width: 100%;
    }

    .row {
	    display: flex;
	    padding-top: 50px;
	    flex-wrap: wrap;
    }
    .header {
	      flex: 100px; /* Set the width of the sidebar */
	      padding: 20px; /* Some padding */
	      display: flex;
	      align-items: center;


    }

    .title {
	    text-align: center;
	    color: #07a26f;

    }
    .main {  
	    flex: 50%; /* Set the width of the main content */
	    padding: 20px; /* Some padding */
	    text-align: justify;
    }
    .links {
	    img {
			width:30%;
	    }

    }
    .episodes {
	    a {
	    color: black;
	    text-decoration: none;
		    }
	    ul {
		    padding-left:0px;
	    }
	    img {
		    max-height: 98px;
    }
	    li {
		    border-bottom-width: 2px;
		    border-bottom-style: solid;
		    border-color: #b83100;
		    display: flex;
		    padding-left:0px;
		    flex-wrap: wrap;
	    h5 {
		    margin: 0.5em;
		    margin-left: 2em;
	    }
	    p {
		    margin-top: 0.5em;
		    padding-left: 0.5em;
	    }
	    }
    }

    .footer {
	    font-size : 14px;
    }

@media screen and (max-width: 1000px) {
		
	.header{width: 100%}
	.main{width:100%}
	.row{display:inline;}
	.links {
	    img {
		    width: 100%;
	    }
}