.postbitleft { width: 100%; max-width: 340px; min-height: 100%; /* This might cause unexpected height if parent has no height */ border-right: solid 1px #393939; margin: auto; } /* Suggestion: min-height: 100% depends on parent height, might want min-height: auto or remove */ /* If you want it to fill height of viewport, consider min-height: 100vh; */ .postbitbox, .postbithd, .postbox, .postbitbottom, .postbitheader { width: 100%; max-width: 1800px; margin: auto; } /* .postbithd background image URL needs quotes */ .postbithd { background-color: rgba(18, 18, 17, 0.6); backdrop-filter: blur(5px); height: auto; padding: 20px; background-image: url(https://i.ibb.co/QjRLCLr/ezgif-129111cbe0b44.png); background-size: cover; background-position: center; } .postname { width: 100%; max-width: 1000px; height: auto; margin: auto; overflow: hidden; } .postbitname { font-family: 'DM Serif Display', serif; font-size: 40px; text-transform: uppercase; color: rgba(169, 169, 169, 0.1); text-align: left; line-height: 120px; } .postbitfullname { font-family: 'DM Serif Display', serif; font-size: 35px; text-transform: uppercase; letter-spacing: 2px; color: #bad072; text-align: left; margin-top: -70px; margin-right: 40px; text-shadow: 2px 4px 3px #000; } .postbitlook { font-family: 'Josefin Sans', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; text-align: left; width: 100%; max-width: 1110px; color: #ececec; margin-top: 2px; text-shadow: 2px 2px 5px black; } .postbox { width: 100%; max-width: 1800px; margin: auto; margin-bottom: 60px; background-color: rgba(18, 18, 17, 0.3); backdrop-filter: blur(5px); } .postbituser { width: 100%; max-width: 330px; padding: 20px; margin: auto; } .postbitava { width: 100%; max-width: 280px; height: auto; margin: auto; border: solid 5px #191919; } /* For scroll containers, hiding scrollbar on all browsers */ .postbitchar { width: 100%; max-width: 280px; height: 180px; background-color: #191919; padding: 5px; overflow-x: hidden; overflow-y: scroll; scrollbar-width: none; /* Firefox */ } /* Webkit scrollbar hide */ .postbitchar::-webkit-scrollbar { width: 0; height: 0; } .postbitchartxt { font-family: 'Josefin Sans', sans-serif; font-size: 11px; text-align: justify; line-height: 17px; color: #ececec; padding: 5px; font-weight: 400; } .postbittxt { margin: 0 auto; margin: 0 auto;
    padding-left: 125px;
    padding-right: 125px;
width: 1500px;} .postbitbottom { background-color: rgb(18, 18, 17, 0.6); width: 1640px; padding: 10px; margin: auto; } .postbitsub { font-family: 'Josefin Sans', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: #a9a9a9; text-align: left; margin-left: 10px; margin-right: 10px; } .postbithr { width: 100%; max-width: 1192px; height: 1px; background-color: #393939; margin: 20px auto 30px 60px; } .postbitheader { background-color: rgba(18, 18, 17, 0.9); backdrop-filter: blur(5px); padding: 10px; } .postbittitle { font-family: 'DM Serif Display', serif; font-size: 35px; text-transform: uppercase; letter-spacing: 2px; color: #bad072; text-align: right; margin: 30px 30px 10px; } .postbitsubtitle { font-family: 'Josefin Sans', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #ececec; text-align: right; margin: 0 30px 30px; } .post_number a:after { content: none !important; } @media (max-width: 1024px) { .postbittxt { padding: 30px 20px; font-size: 11px; } .postbitfullname { font-size: 28px; margin-top: -40px; } .postbittitle { font-size: 28px; } } @media (max-width: 768px) { .postbitname { font-size: 28px; line-height: 100px; text-align: center; } .postbitfullname { font-size: 22px; margin-top: -30px; text-align: center; margin-right: 0; }
	
	.postbittxt { font-size: 10px; padding: 20px 10px; line-height: 1.5; } .postbittitle, .postbitsubtitle { text-align: center; margin-left: 0; margin-right: 0; } .postbitava, .postbitchar { width: 100%; max-width: 100%; } }