.banner-blog{width:100%;box-sizing:border-box}.banner-blog .top-banner{background-color:#bb4430;height:auto;display:flex;justify-content:flex-start;align-items:center;padding-left:40px;padding-right:40px}.banner-blog .top-banner .main-text{font-size:48px;font-weight:700;color:#fff;text-align:left;width:100%}.banner-blog .top-banner p.blog-text{font-size:48px;font-weight:700;color:#fff;margin-left:50px}.banner-blog .blog-container{display:flex;padding:30px}.banner-blog .blog-container .left-column{flex:2 1;margin:20px;background-color:rgba(187,69,48,.0705882353);border-radius:10px;padding:20px}.banner-blog .blog-container .left-column .article{margin-bottom:30px;padding:20px}.banner-blog .blog-container .left-column .article .metadata{display:flex;margin-bottom:10px;justify-content:space-between}.banner-blog .blog-container .left-column .article img{width:100%;margin-bottom:10px}.banner-blog .blog-container .left-column .article h2{color:#143f5f;font-size:24px;margin-bottom:10px}.banner-blog .blog-container .left-column .article p{color:#143f5f;font-size:16px;text-align:justify}.banner-blog .blog-container .right-column{flex:1 1;background-color:#fff;padding:20px}.banner-blog .blog-container .right-column .recent-posts{background-color:rgba(187,69,48,.0705882353);border-radius:10px;padding:5px 20px}.banner-blog .blog-container .right-column .recent-posts .recent-posts-header{background-color:#bb4430;margin:5px;border-radius:20px}.banner-blog .blog-container .right-column .recent-posts h3{color:#fff;font-size:18px;padding:10px;margin-bottom:10px}.banner-blog .blog-container .right-column .recent-posts .post{display:flex;background-color:rgba(187,69,48,.0784313725);border-radius:5px;margin-bottom:10px;padding:20px;transition:background-color .3s ease}.banner-blog .blog-container .right-column .recent-posts .post:hover{background-color:rgba(187,69,48,.3137254902);cursor:pointer}.banner-blog .blog-container .right-column .recent-posts .post img{width:100px;height:auto;margin-right:10px}.banner-blog .blog-container .right-column .recent-posts .post p{color:#7f2f21;font-size:15px;margin-left:10px;font-weight:700}@media(max-width:767px){.banner-blog .top-banner{padding-left:20px;padding-right:20px}.banner-blog .top-banner p.main-text{font-size:30px}.banner-blog .top-banner p.blog-text{font-size:32px;margin-left:20px}.banner-blog .blog-container{flex-direction:column;padding:10px}.banner-blog .blog-container .left-column{flex:1 1;margin:10px;padding:10px}.banner-blog .blog-container .left-column .article{margin-bottom:20px;padding:10px}.banner-blog .blog-container .left-column .article h2{font-size:20px}.banner-blog .blog-container .left-column .article p{font-size:14px}.banner-blog .blog-container .right-column{flex:1 1;padding:10px}.banner-blog .blog-container .right-column .recent-posts{padding:5px 10px}.banner-blog .blog-container .right-column .recent-posts h3{font-size:16px;padding:5px}.banner-blog .blog-container .right-column .recent-posts .post{padding:10px}.banner-blog .blog-container .right-column .recent-posts .post img{display:flex;height:auto;margin-bottom:10px}.banner-blog .blog-container .right-column .recent-posts .post p{font-size:12px}}@media(max-width:414px){.banner-blog .top-banner{padding-left:16px;padding-right:16px}.banner-blog .top-banner .main-text{font-size:26px}.banner-blog .top-banner p.blog-text{font-size:26px;margin-left:14px}.banner-blog .blog-container{padding:12px}.banner-blog .left-column{margin:8px;padding:8px}.banner-blog .article{padding:8px}.banner-blog .article .metadata{font-size:13px}.banner-blog .article h2{font-size:18px}.banner-blog .article p{font-size:14px}.banner-blog .right-column{padding:8px}.banner-blog .recent-posts h3{font-size:15px}.banner-blog .post{padding:14px}.banner-blog .post img{width:80px}.banner-blog .post p{font-size:14px}}@media(max-width:360px){.banner-blog .top-banner{padding-left:12px;padding-right:12px}.banner-blog .top-banner .main-text{font-size:22px}.banner-blog .top-banner p.blog-text{font-size:20px;margin-left:10px}.banner-blog .blog-container{padding:10px}.banner-blog .left-column{margin:6px;padding:6px}.banner-blog .article{padding:6px}.banner-blog .article .metadata{font-size:12px}.banner-blog .article h2{font-size:17px}.banner-blog .article p{font-size:13px}.banner-blog .right-column{padding:6px}.banner-blog .recent-posts h3{font-size:14px}.banner-blog .post{padding:12px}.banner-blog .post img{width:70px}.banner-blog .post p{font-size:13px}}