.post-text, .ltb-title, .post, .postnav { text-align: center; } .navigate { width: 20% !important; margin-bottom: 25px !important; margin: auto !important; } .content-box, .projects-box, .posts-box { display: flex !important; /* defines flexbox */ flex-direction: column !important; /* top to bottom */ justify-content: space-between !important; /* first item at start, last at end */ position: relative !important; } .projects-box { height: 350px !important; } .posts-box { height: 250px !important; } .content { margin: auto; max-width: 40%; } @media (max-width: 1000px) { .content { max-width: 60%; } } @media (max-width: 800px) { .content { max-width: 70%; } } @media (max-width: 400px) { .content { max-width: 80%; } } .post-content { max-width: 100%; font-family: 'Open Sans',sans-serif; font-size: 1.4em; line-height: 1.6em; color: #3A4145; } .rounded-button { border-radius: 13px; } .maxinput { background-color: grey; } .maxwarn { margin-top: 15px; } .footer { margin-top: 10%; } .editor { height: 100% !important; }