#title{background:linear-gradient(180deg,#f2f2f2,hsla(0,0%,95%,0));padding:100px 0 50px;text-align:center}#title .container{display:flex;flex-direction:column;gap:30px}#title .container p{color:#1b3361}@media (max-width:767px){#title{padding:50px}}#posts .container{display:flex;flex-direction:column;gap:50px}#posts .tags a{font-size:14px}@media (max-width:767px){#posts .tags a{font-size:10px}}#posts .featured{display:flex;flex-direction:column;height:500px;justify-content:center;padding:15px;position:relative}#posts .featured .image,#posts .featured .image .overlay{bottom:0;left:0;position:absolute;right:0;top:0}#posts .featured .image .overlay{background-color:#1b3361;border-radius:10px;opacity:.3}#posts .featured .image img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#posts .featured .content{display:flex;flex-direction:column;gap:10px;position:relative;width:50%;z-index:100}#posts .featured .content h2{text-transform:uppercase}#posts .featured .content a{color:#fff}#posts .featured .content a.view{margin:15px 0 0}#posts .featured .content .text{width:50%}#posts .featured .content .text p{color:#fff}@media (max-width:767px){#posts .featured{height:unset;min-height:300px}}#posts .post{display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px}#posts .post .image{display:flex;max-width:calc(50% - 15px);width:100%}#posts .post .image img{aspect-ratio:2/1.5;border-radius:10px;height:unset!important;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:767px){#posts .post .image img{aspect-ratio:unset;max-height:300px}#posts .post .image{max-width:unset}}#posts .post .content{display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}#posts .post .content .btn{display:flex;flex-direction:row;gap:8px;margin:20px 0 0}#posts .post .content p{color:#1b3361}#posts .post:nth-child(odd) .image{order:1}#posts .post:nth-child(2n) .image,#posts .post:nth-child(odd) .content{order:2}@media (max-width:767px){#posts .post:nth-child(2n) .image{order:1}}#posts .post:nth-child(2n) .content{order:1}@media (max-width:767px){#posts .post:nth-child(2n) .content{order:2}}#posts .post:last-child{margin:0 0 50px}@media (max-width:767px){#posts .post{flex-direction:column}}