*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:inherit}h3{margin-bottom:0.4rem}h2{font-size:3rem}.banner{display:flex;justify-content:center;overflow-wrap:break-word;align-content:center;vertical-align:middle;color:#007c91;font-size:4.5rem;padding:0.5rem 0rem}#banner-title-lg{display:flex;align-content:center;height:120px;margin:5px auto}#banner-title-sm{display:none}body{font-size:1rem;font-family:"Montserrat",sans-serif;color:#505050}.main-container{margin:0 auto;width:100%;max-width:1200px;padding:0rem 1rem}.upper-page-container{display:flex;height:100vh;min-height:700px;max-height:900px;flex-direction:column;align-items:stretch}.navbar{display:flex;justify-content:right;border-top:3px solid rgba(0,124,145,0.1)}.navbar ul{display:flex;list-style-type:none;flex-grow:1;justify-content:space-between}.navbar-content{display:flex;width:100%;justify-content:left;overflow:hidden;transition:all 1s ease}.navbar-item{padding:1rem;margin:0.16rem 0rem;color:#007c91;font-family:'Lekton', sans-serif;letter-spacing:0.1rem;font-size:1.25rem;flex-grow:1;transition:all 0.3s;text-align:center}.navbar-item:hover{color:#007c91;background-color:rgba(0,124,145,0.1);font-weight:700}.navbar-item-current{font-weight:700}.first-post{flex-grow:1;display:flex;align-items:stretch;overflow:hidden;margin-bottom:1rem}.first-post-text{display:flex;flex-direction:column;justify-content:space-between;padding:1rem 3rem;border-left:10px solid #007c91;background-color:#f4f4f4}p.date{align-self:flex-end;float:right;font-style:italic;font-size:1rem}.first-post-title{margin:0 0 5px 0;line-height:1}.first-post-short{text-align:justify;line-height:1.5;font-size:1.25rem}.first-post-img-lg{width:60%;object-fit:cover}.first-post-img-sm{width:100%;max-height:50vh;object-fit:cover;display:none}.posts-container{display:flex;flex-wrap:wrap;justify-content:space-between}.card{height:550px;width:30%;background-color:#f4f4f4;margin:1rem 0rem;display:flex;flex-direction:column;justify-content:left}.card-header{margin-bottom:1rem;padding-bottom:2px;border-bottom:3px solid #007c91}.card-title{font-size:1.5rem;font-weight:bold;margin-bottom:2px}.card-author{font-size:0.8rem;font-weight:bold}.card-text{margin:1rem 1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:left}.card-img{height:50%;width:100%;object-fit:cover}.card-readmore{padding:0.5rem;margin:1rem;text-align:center;align-self:flex-end;color:#007c91;border:1px solid rgba(0,124,145,0.5);transition:background-color 0.3s}.card .card-readmore{font-size:0.9rem}.card-readmore:hover{background-color:rgba(0,124,145,0.1)}.card-short{font-size:0.9rem;vertical-align:bottom;line-height:1.5;text-align:justify}footer{display:flex;justify-content:center;align-content:center;border-top:1px solid lightgray;margin-top:2rem}footer p{vertical-align:middle;line-height:100px}@media (max-width: 1024px){.card{width:45%}}@media (max-width: 768px){.banner{justify-content:center}#banner-title-sm{display:inline;width:75vw;max-width:400px;padding-top:5px}.banner-sm{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.5rem 2rem;margin-bottom:1rem;background-color:#007c91}.navbar{border:none}#banner-title-lg{display:none}div.ham-container{display:flex;align-items:flex-end}div.hamburger{margin:1rem 0rem;padding:3px;height:38px;display:flex;flex-direction:column;justify-content:center;align-content:center;transition:background-color 0.5s ease}}@media (max-width: 768px) and (hover: hover){div.hamburger:hover{background-color:#007c91;border:1px solid white;border-radius:4px}div.hamburger:active span.ham-line{transition:none;border-color:gray}}@media (max-width: 768px){span.ham-line{width:30px;border-top:2px solid white;transition:border-color 0.5s ease;margin-top:4px;margin-bottom:4px;margin-right:6px;margin-left:6px}.hidden{padding-top:0rem;padding-bottom:0rem;margin-top:0rem;margin-bottom:0rem;height:0}.navbar-content{flex-direction:column}.first-post{flex-direction:column}.first-post-text{border-left:5px solid #007c91}.first-post-img-lg{display:none}.first-post-img-sm{display:block;margin:1rem 0rem;height:85vh}.first-post-text{padding:1rem}.upper-page-container{height:inherit;min-height:inherit;max-height:inherit}.posts-container{flex-direction:column;flex-wrap:unset;align-items:center}.card{width:100%;height:unset}}@media (max-width: 450px){.banner-title{font-size:2.5rem}.banner-title-text{width:150px;line-height:1}span.ham-line{width:25px;margin-top:3px;margin-bottom:3px;margin-right:4px;margin-left:4px}.banner-sm{padding:0.5rem 1rem}h2{font-size:2rem}.first-post-text{border-left:3px solid #007c91}}