body {
	/* max-width:1000px; */
	margin: 40px auto;
	padding:0 10px;
	font:18px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI symbol", "Noto Color Emoji";
	color:#444
}
h1,
h2 {
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 1.2
}
h3 {
	line-height:1.2;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
* {
    box-sizing: border-box; 
  }
body {
align-content: center;
}

.topnav {
	background-color:  #dbdbdb;
	overflow: hidden;
	display:  flex;
	flex-direction: row;
	justify-content: center;
	align-content: space-between;
	font: 20px;
}
.topnav a {
	flex: 1;
	float: left;
	color: #333333;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

aside {
	flex-direction: column;
	}



ul{
	justify-content: center;
	text-align: center;
	align-content: center;
}
    .section {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 2em;
      gap: 4rem;
      justify-content: center;
      align-items: center;
      padding: 2rem;
    }

    .left-image {
      flex-wrap:wrap-reverse;
    }

    .section img {
      max-width: 800px;
      max-height:400px;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
    }

    .section-text {
      flex: 1;
      min-width: 250px;
    }

    .section.right-image img {
      order: 1;
    }

    .section.right-image .section-text {
      order: 0;
    }

    .section.left-image img {
      order: 0;
    }

    .section.left-image .section-text {
      order: 1;
    };
        /* Specific styling for the double image section */
    .double-image {
      display: flex;
      flex-direction: row;
      gap: 10px;

    }

    .double-image img {
      width: 100%;
      max-width: 340px;
      max-height:none;
    }

    @media (max-width: 1200px) {
      .section img {
        max-height:1000px;
        max-width:none;
        width:100%;
        object-fit: contain;
      }
      video {
        width:100%;
      }
    }
    @media (max-width: 600px) {
      .section {
        flex-direction: column;
      }
    }

    @media (max-width: 1200px) {
      .double-image {
        display: flex;
        flex-direction: column;
        flex:1;
      }
      .double-image.horizontal {
        display: flex;
        flex-direction: row;
        flex:1;
      }
      .double-image img {
        max-width: 100%;
      }
    }

/* .container, 
.content {
    display: flex;
    flex-direction: column;
}

.left-sidebar {
	text-align: center;
	justify-content: center;
	align-items: center;
}
*/
/*#left_sidebar {
	padding: 10px 5px 30px 5px;
	margin: 20px;
	height: auto;
	min-height: 100vh;
	
	text-align: center;
} */
/*

#idk {
	display: block;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

@media all and (min-width: 768px) {
    .content {
        flex-direction: row;
        flex-wrap: wrap;
    }
    main {
        flex: 2;
        order: 2;
        min-height: 80vh;
    }
    .left-sidebar {
        order: 1;
        flex: 1;
    }
    .right-sidebar {
        flex: 1;
        order: 3;

    }
}
*/