.herro{display:flex;align-items:start;justify-content:space-between;gap:50px;margin:60px 0}.herro_img{max-width:721px}.herro_img img{width:100%}.herro_info{max-width:480px}.herro_info span{color:#999;font-family:Libre Franklin;font-size:10px;font-weight:400;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase}.herro_info h1{color:#000;font-family:Tenor Sans;font-size:36px;font-weight:400;line-height:42px;letter-spacing:0%;text-align:left;text-transform:uppercase;margin:28px 0}.herro_info p{color:#666;font-family:Source Serif Pro;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0%;text-align:left}.post{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:65px;border-bottom:2px solid #000}.latest{border-bottom:2px solid #000;padding-bottom:65px}.latestpost{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:25px}.featured h2{color:#999;font-family:Libre Franklin;font-size:10px;font-weight:400;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin-top:30px}.featured .featuredpost{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:60px 0}@media only screen and (max-width: 550px){.herro{display:flex;align-items:start;justify-content:space-between;gap:50px;margin:60px 0;flex-direction:column}.herro_img{max-width:721px}.herro_img img{width:100%}.herro_info{max-width:480px}.herro_info span{color:#999;font-family:Libre Franklin;font-size:10px;font-weight:400;line-height:12px;letter-spacing:1px;text-transform:uppercase;text-align:center;display:block}.herro_info h1{color:#000;font-family:Tenor Sans;font-size:22px;text-align:center;font-weight:400;line-height:42px;letter-spacing:0%;text-transform:uppercase;margin:28px 0}.herro_info p{color:#666;font-family:Source Serif Pro;font-size:15px;font-weight:400;line-height:24px;letter-spacing:0%;text-align:center}.herro_info .herroBtnCenter{display:block;margin:0 auto}}@media only screen and (max-width: 550px){.post{grid-template-columns:repeat(1,1fr);gap:20px}}@media only screen and ((min-width: 550px) and (max-width: 1200px)){.post{grid-template-columns:repeat(2,1fr);gap:20px}}@media only screen and (max-width: 550px){.latestpost{grid-template-columns:repeat(1,1fr);gap:20px}}@media only screen and ((min-width: 550px) and (max-width: 1200px)){.latestpost{grid-template-columns:repeat(2,1fr);gap:20px}}.latestbutton{display:flex;margin:30px auto 0;justify-content:center}@media only screen and (max-width: 550px){.featured h2{color:#999;font-family:Libre Franklin;font-size:10px;font-weight:400;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin-top:30px}.featured .featuredpost{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;margin:60px 0}}button{padding:10px 20px;border-radius:10px;border:none;transition:all .7s ease;cursor:pointer}button:hover{color:#000;background-color:#fff}button:active{background:#e7e0e0}@media only screen and (max-width: 550px){button{padding:7px 12px}}.card{display:flex;align-items:start;flex-direction:column;background-color:#cccecf;padding:15px 10px;max-width:406.66px;margin:0 auto}.card img{width:100%}.card span{color:#999;font-family:Libre Franklin;font-size:10px;font-weight:400;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin:24px 0}.card h3{color:#000;font-family:Tenor Sans;font-size:20px;font-weight:400;line-height:24px;letter-spacing:0%;text-align:left;text-transform:uppercase}.card p{color:#000;font-family:Libre Franklin;font-size:10px;font-weight:700;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin:20px 0}.latestcard{display:flex;align-items:start;flex-direction:column;background-color:#cccecf;padding:15px 10px;max-width:305.66px;margin:0 auto}.latestcard img{width:100%}.latestcard span{color:#999;font-family:Libre Franklin;font-size:10px;font-weight:400;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin:24px 0}.latestcard h3{color:#000;font-family:Tenor Sans;font-size:20px;font-weight:400;line-height:24px;letter-spacing:0%;text-align:left;text-transform:uppercase}.latestcard p{color:#000;font-family:Libre Franklin;font-size:10px;font-weight:700;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin:20px 0}.featuredpostcard{display:flex;align-items:start;flex-direction:column;background-color:#cccecf;padding:15px 10px;max-width:610.66px;margin:0 auto}.featuredpostcard img{width:100%}.featuredpostcard span{color:#999;font-family:Libre Franklin;font-size:10px;font-weight:400;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin:24px 0}.featuredpostcard h3{color:#000;font-family:Tenor Sans;font-size:20px;font-weight:400;line-height:24px;letter-spacing:0%;text-align:left;text-transform:uppercase}.featuredpostcard p{color:#000;font-family:Libre Franklin;font-size:10px;font-weight:700;line-height:12px;letter-spacing:1px;text-align:left;text-transform:uppercase;margin:20px 0}header{background:#e7e0e0;padding:30px;border-bottom:2px solid #555050}.btnlogin{background-color:#000;color:#fff}.header{display:flex;align-items:center;justify-content:space-between}.header__logo{font-size:25px;font-weight:700}.header__logo a{color:#000}.header__nav{display:flex;align-items:center;gap:40px}.header__nav-toggle{display:none}.header__nav-list{display:flex;gap:40px}.header__nav-list__item{position:relative;color:#000}.header__nav-list__item:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#000;transition:width .3s ease-out}.header__nav-list__item:hover:after{width:100%;left:0}.header__nav-list__item-link{color:#000;font-family:Libre Franklin;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0%;text-align:left}@media only screen and (max-width: 550px){.hidden{display:none}.show{position:absolute;right:0;top:89px;width:100%;align-items:center;background-color:#999292;display:flex;flex-direction:column;gap:40px}header{background:#e7e0e0;padding:30px}.btnlogin{background-color:#000;color:#fff}.header{display:flex;align-items:center;justify-content:space-between}.header__logo{font-size:20px;font-weight:700}.header__logo a{color:#000}.header__nav{display:flex;align-items:center;gap:10px}.header__nav-toggle{display:block}.header__nav-toggle svg{font-size:25px;color:#000;display:flex}.header__nav-list__item{position:relative;color:#000}.header__nav-list__item:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#000;transition:width .3s ease-out}.header__nav-list__item:hover:after{width:100%;left:0}.header__nav-list__item-link{color:#000;font-family:Libre Franklin;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0%;text-align:left}}footer{background:#141414;color:#fff;padding:20px;text-align:center}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}a{text-decoration:none}ul{list-style-type:none}body{font-family:sans-serif}.container{max-width:1240px;margin:0 auto;padding:0 20px}