BODY { font-family: Arial, Helvetica, sans-serif; }
BODY.info { background-image: url(../../images/info-back.png); opacity: 1; }
#headerBackground { background-size: contain; }

DIV { font-family: Arial, Helvetica, sans-serif; background-size: contain; }

DIV.headerBackground img {z-index: -15; max-width: 95%; height: 15%; }
DIV.headerWording img {position:absolute; left: 10px; top: 30px; z-index: 5; max-width: 95%; height: 10%; }

DIV.featuredVideosGroup { font-size: 20px; padding-top: 30px; padding-bottom: 30px; }
DIV.featuredVideo { padding-top: 30px; padding-bottom: 30px; }

DIV.featuredAdventuresGroup { font-size: 20px; padding-top: 30px; padding-bottom: 30px; }
DIV.featuredAdventures { padding-top: 30px; padding-bottom: 30px; }

DIV.featuredBuildsGroup { font-size: 20px; padding-top: 30px; padding-bottom: 30px; }
DIV.featuredBuilds { padding-top: 30px; padding-bottom: 30px; }

DIV.featuredProjectsGroup { font-size: 20px; }
DIV.featuredProjects { }

DIV.story { width: 65%; font-size: 14px; }
DIV.story_synopsis p { width: 62%; font-size: 12px; }

DIV.articleLeftPanel { padding-left: 20; padding-right: 20; }
DIV.articleRightPanel { padding-left: 20; padding-right: 20; }
DIV.articleFrame { padding-bottom: 20; }
DIV.articleContent { padding-top: 10; padding-bottom: 10; width: 60%; }
DIV.articleContent table { table-layout: auto; }
DIV.articleContent img { width: 550px; height: 240px; }
TABLE.componentsTable { table-layout: auto; border: 1px solid black; padding: 5px; border-collapse: collapse; padding: 8px; }
TABLE.componentsTable th { background-color: blue; color: white; border: 1px solid #444444; padding: 8px; }
TABLE.componentsTable td { background-color: grey; color: white; border: 1px solid #444444; padding: 8px; }

DIV.mainPageQuote {font-size: 96px; position: absolute; top: 80px; color: white; }

DIV.siteCodeSnip { background-color: grey; color: white; }

@media(min-width: 720px) {
	DIV.videoWall { display: flex; flex-wrap: wrap; }
	DIV.gridvideoWall { display: grid; flex-wrap: wrap; grid-template-columns:1fr 3fr}
	DIV.gridvideoWall DIV { display: grid; flex-wrap: wrap; grid-template-columns:3fr 3fr 3fr}
	DIV.gridvideoWallchild { display: grid; flex-wrap: wrap; grid-template-columns:3fr 3fr 3fr}
}

DIV.videoWall DIV { padding: 10px; }
DIV.videoWall IFRAME { width: 320px; height: 240px; }
DIV.videoWall TABLE TR TH TD { font-size: 1px; border: 2px solid; }
DIV.videoWallBig DIV { padding: 10px; }
DIV.videoWallBig IFRAME { width: 640px; height: 480px; }
DIV.videoWallBig TABLE TR TH TD { font-size: 1px; border: 2px solid; }
DIV.gridvideoWall DIV { padding: 10px; }
DIV.gridvideoWall IFRAME { width: 320px; height: 240px; }
DIV.gridvideoWall TABLE TR TH TD { font-size: 1px; border: 2px solid; }
DIV.gridvideoWallBig DIV { padding: 5px; }
DIV.gridvideoWallBig IFRAME { width: 640px; height: 480px; }
DIV.gridvideoWallBig TABLE TR TH TD { font-size: 1px; border: 2px solid; }