.blogcard{display:flex;flex-direction:column;width:400px;margin-top:15px}.blogcard .blogcard-img-wrapper{width:100%;height:300px;overflow:hidden;border-radius:10px 10px 0 0}.blogcard .blogcard-img-wrapper img{width:100%;height:100%;object-fit:cover}.blogcard .blogcard-content-wrapper{display:flex;flex-direction:column;gap:10px;background-color:#fff;color:#000;padding:20px}.blogcard .blogcard-content-wrapper .blogcard-heading{font-size:18px;font-weight:900;width:80%;text-transform:uppercase}.blogcard .blogcard-content-wrapper .blogcard-excerpt{font-size:14px;color:#4b4b4b}@media screen and (max-width:768px){.blogcard{width:100%;margin:10px 0}.blogcard .blogcard-img-wrapper{height:200px}.blogcard .blogcard-content-wrapper{padding:15px}.blogcard .blogcard-content-wrapper .blogcard-heading{width:80%;font-size:18px}.blogcard .blogcard-content-wrapper .blogcard-excerpt{font-size:14px}}.blog-wrapper{display:flex;width:100%;gap:15px;flex-wrap:wrap;padding:150px 70px}@media screen and (max-width:768px){.blog-wrapper{padding:150px 20px 50px;gap:25px;justify-content:center}}.blogpost-wrapper{display:flex;width:100%;gap:15px;flex-wrap:wrap;flex-direction:column;padding:150px 0}@media(max-width:768px){.blogpost-wrapper{padding:150px 20px}}.blogpost-heading-wrapper{display:flex;width:60%;align-self:center;gap:15px;flex-wrap:wrap;flex-direction:column;padding:0 70px;justify-content:center;align-items:center;text-align:center}.blogpost-heading-wrapper .blogpost-heading{font-size:38px;width:90%;text-align:center}.blogpost-heading-wrapper .blogpost-excerpt{font-size:15px;width:75%;text-align:center}@media(max-width:768px){.blogpost-heading-wrapper{width:100%;padding:0 20px}.blogpost-heading-wrapper .blogpost-heading{font-size:28px;width:100%}.blogpost-heading-wrapper .blogpost-excerpt{font-size:14px;width:100%}}.blogpost-img-wrapper{width:90%;background-color:#fff;height:800px;align-self:center;margin-top:20px;overflow:hidden}.blogpost-img-wrapper img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.blogpost-img-wrapper{width:90%;height:300px}}.blogpost-text-wrapper{width:100%;padding:70px 70px 0}.blogpost-text-wrapper .blogpost-text{width:50%;float:right;font-size:15px;line-height:180%}@media(max-width:768px){.blogpost-text-wrapper{padding:20px}.blogpost-text-wrapper .blogpost-text{width:100%;float:none;font-size:14px}}