/* Header */
    .BlogPage header .container ul li a.Special { color: #fff; border: solid 1px #FFF; }
    .BlogPage header .container ul li a { color: #fff; }
    .BlogPage header.headerScroll{ background:#000; }



/* blog section */
    .Blog{ align-items: center !important; padding-top:0vh; background: #f8f8f8; justify-content: start; flex-direction: column; }
    .Blog .postContent,.Blog .BoxPost{ flex-wrap: wrap;flex-direction: row; justify-content: center; display: flex; max-width: 1300px; flex-wrap: wrap !important; }
    .Blog .postContent,.Blog .BoxPost.fullWidth{ max-width: initial; }
    .Blog .BoxPost > a {
        display: flex; flex-direction: column; justify-content: flex-start; max-width: calc(33.3% - 101px); border: solid 1px #eaeaea; 
        width: 100%; padding: 45px 50px 50px 50px; border-radius: 0; position: relative; margin-bottom:0; text-align: left;
        margin-left: -1px; margin-bottom: -1px; background: #fff; min-height: 340px; justify-content: space-between; }
    .Blog .BoxPost.Left a{ max-width: calc(33.3% - 101px) !important; }
    .Blog .author{ display: flex; align-items: center; margin-bottom: 40px; }
    .Blog .author img{ width: 38px !important; border-radius: 99px !important; margin-right: 11px; border: solid 6px #f3f3f3; }

    .Blog .ModuleBoxes .headBlogPost .author img.iconFolder { width: 25px !important; border-radius: 0px !important; margin-right: 11px; border: solid 6px #fff; }
    .Blog.Dark .ModuleBoxes .headBlogPost .author img.iconFolder { border: solid 6px #e5e5e500; opacity: 0.8 !important; filter: invert(1); }


    .Blog .BoxPost a p{ line-height: 1.4rem; color: #4b4b4b; font-weight: 200; }
    .Blog .legen{ font-size: 13px; line-height: 18px; color: #8d8d8d; }
    .Blog .headBlogPost .iconBox{ position: absolute; right: 40px; border: 0; height: 20px; top: 50px; margin:0; opacity: 0.4; transition: all 0.18s ease-in-out; }
    .Blog .BoxPost a:hover .headBlogPost .iconBox{ right: 30px; }
    .Blog .BoxPost a .proG{ position: absolute; bottom:0; left:0; width: 0%; height: 1px; background: #000; transition: all 0.18s ease-in-out; }
    .Blog .BoxPost a:hover .proG{ width: 100%; }
    .Blog .BoxPost a .Title{ margin-bottom: 35px; text-align: left; position: relative; line-height: 2.25rem; }
    .Blog .BoxPost a .headBlogPost .tagPost { padding-top: 10px; margin-bottom: 30px; font-weight: 100; font-size: 14px; display: flex; align-items: center; border-bottom: solid 1px #cccccc47;padding-bottom: 17px; }
    .Blog .BoxPost a .headBlogPost .tagPost img{ width: 19px; margin-right: 8px; }

    .Blog.Dark {  background: #000 !important; }
    .Blog.Dark .BoxPost > a { border: solid 1px #101010; background: #040404; }
    .Blog.Dark .BoxPost a p { color: #a7a7a7; }
    .Blog.Dark .author img:first-child { border: solid 6px #161616; }
    .Blog.Dark .author img:last-child { filter: invert(1); opacity: 1; }
    .Blog.Dark .BoxPost a .proG { background: #FFF; }


    .SinglePage .sidebar .buttons > a img { margin-right: 8px; width: 18px; margin-left: 0px; }

    .Blog h2.Left{ max-width: 1300px !important; text-align: left; width: 100%; }
    .Blog p.Left{ max-width: 1300px !important; text-align: left; width: 100%; }

    /* Blog Post BOX */
    .Blog{ align-items: baseline; padding-top:0vh; background: #f8f8f8; }
    
    .SinglePage .postContent,
    .SinglePage  .BoxPost{ flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; }
    .SinglePage .postContent{ width: calc(70% - 80px); padding-right: 60px;}
    .Blog .postContent{ justify-content: start !important; }
    .Blog .postContent p{ width: 100%; }
    .BoxPost > a {
        display: flex; flex-direction: column; justify-content: flex-start; max-width: 300px; border: solid 1px #eaeaea;  min-height: 260px;
        width: 100%; padding: 45px 50px 50px 50px !important; border-radius: 0; position: relative; margin-bottom:0; text-align: left;
        margin-left: -1px; margin-bottom: -1px; background: #fff; min-height: 301px; justify-content: space-between; }
    .author{ display: flex; align-items: center; margin-bottom: 40px; }
    .author img{ width: 38px; border-radius: 99px; margin-right: 11px; border: solid 6px #f3f3f3; }
    .BoxPost a h2{ font-size: 2rem; }
    .BoxPost a p{   line-height: 1.4rem; color: #4b4b4b; font-weight: 100; margin: initial; text-align: left; max-width: initial; padding-top: 0; font-size: 1rem; }
    .legen{ font-size: 13px; line-height: 18px; color: #8d8d8d; }
    .headBlogPost .iconBox{ position: absolute; right: 40px; border: 0; height: 20px; top: 56px; margin:0; opacity: 0.4; transition: all 0.18s ease-in-out; }
    .BoxPost a:hover .headBlogPost .iconBox{ right: 30px; }
    .BoxPost a .proG{ position: absolute; bottom:0; left:0; width: 0%; height: 1px; background: #000; transition: all 0.18s ease-in-out; }
    .BoxPost a:hover .proG{ width: 100%; }
    .SinglePage .Blog > .container p.noPosts { font-size: 2rem !important; max-width: 500px !important; margin-top: 5vh !important; font-weight: 100; }

    



/* Search Form */
    form.searchform{ margin-left:30px; margin-top:0px }
    form.searchform > div{ padding: 10px 20px; background:#fff; border-radius: 99px; border: solid 9px #efefef; display: flex; align-items: center; }
    form.searchform > div input{ border:0; background:#fff; font-size: 1rem; }
    form.searchform > div input:focus{ outline: 0; }
    .BlogPage form.searchform > div{ border: solid 8px #292929; background: #000; }
    .BlogPage form.searchform > div input{ color:#FFF; }
    form.searchform > div button{ background: none; border: 0; }
    .BlogPage form.searchform > div button img{ filter: invert(1); }
    .BlogPage form.searchform > div input{ background:#000; }
    .notFount{ font-size: 2rem; margin-top: 5vh; font-weight: 100; }


        
/* Hero Blog */
    .HeroBlog{ min-height: 40vh; top:0; background: #ccc; align-items: end; padding-bottom: 0vh; flex-direction: column; justify-content: end; }
    .HeroBlog.Dark{ background: #161616; }
    .HeroBlog .container > div:last-child{ padding-top: 25px !important; }
    .HeroBlog .buttonsHome{ z-index: 1; width: 100%; display: flex; background: #212121; align-items: center; justify-content: center; margin-top:5vh }
    .HeroBlog .buttonsHome a{ padding:15px 22px !important; margin: 0 !important;}
    .HeroBlog .buttonsHome a img{ margin-right: 7px; filter: invert(0); width: 17px; opacity: 0.6; }
    .HeroBlog .buttonsHome a{
        background: #d7d7d7; color: #474747; padding: 11px 33px; border-radius:0px; margin: 8px 2px 0px 2px; background: #212121; color: #FFF;
        display: inline-flex; font-size: 13px; height: 30px; align-items: center; justify-content: center; flex-direction: row; font-weight: 100; }
    .animationTitles + div{ opacity:0; animation: titleAppear 0.4s 0.4s forwards ease-in-out; position: relative; }

    .BoxPost { display: flex; flex-direction: row; align-items: center; text-align: center; gap: 0px !important; flex-wrap: wrap; width: 100%; justify-content: center; }
    .SinglePage .HeroBlog .animationTitles p{ padding-bottom: 18px !important; font-weight: 100; font-size: 1.5rem; }
    .animationTitles{ padding-left: 0px !important; }

    .SinglePage .HeroBlog .animationTitles{ width: 80% !important; }
    .SinglePage section.HeroBlog .animationTitles{ padding-top: 20vh !important; }
    .SinglePage .HeroBlog .animationTitles p{ max-width: 900px; }
    .SinglePage .HeroBlog .animationTitles p a{ font-size: 2rem; }
    .buttonsHome .container{
        padding: 0; width: 100%;
    }


/* Sidebar */
    .SinglePage .sidebar{ width: 30%; text-align: left; margin-top:8px;margin-top: 0 !important;  }
    .SinglePage .sidebar > div{ width: 100% !important; text-align: left; padding-right: 0px; }
    .SinglePage .sidebar .buttons{ display: flex; flex-wrap: wrap !important; }
    .SinglePage .sidebar .buttons a{  padding:11px 18px 11px 15px; border-radius: 9px; margin: 6px 6px 0px 0px; background: #212121; color: #FFF; display: inline-flex;
        height: 20px; font-size: 13px; align-items: center; justify-content: center; flex-direction: row; }
    .SinglePage .sidebar .buttons a:first-child img{ filter: invert(1); }
    .SinglePage .sidebar .buttons a:not(a:first-child) img{ filter: invert(1); margin-right: 8px; width: 18px; margin-left: 0px; }
    .SinglePage .sidebar.coursesSidebar .buttons a:first-child img{ filter: invert(1); margin-right: 8px; width: 18px; margin-left: 0px; }
    .SinglePage .sidebar .buttons a.active{ background: #686868; }
    .SinglePage .sidebar .title{ font-size: 3rem; margin-bottom: 30px; font-size: 2rem; }

    

/* Sidebar posts */
    .Blog .BoxPost a .Title img{ display: none !important; }
    .SinglePage .sidebar .buttons .Relateds .BoxPost a{
        flex-direction: column;  align-items: flex-start;  max-width: initial;  width: 100%; }
    .SinglePage .sidebar .buttons .Relateds { background: none !important; margin-top: 0px; min-height: initial !important; margin-bottom: 30px; }
    .SinglePage .sidebar .buttons .Relateds .BoxPost a .Title{ display: flex !important; color: #000; margin-bottom: 0px; font-size: 1rem; }

    .SinglePage .sidebar .buttons .Relateds a{
        width: 100% !important; min-width: initial; max-width: initial !important; padding: 0px 0px 20px 0px !important;
        margin: 0 !important; display: flex; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start;
        min-height: initial; height: auto; max-height: initial; background: #fff; border: 0px; border-bottom: solid 1px #ccc !important;
        margin-top: 20px !important; border-radius: 0px; }

    .SinglePage .sidebar .Relateds .BoxPost a p { display: none; }
    .SinglePage .sidebar .buttons .Relateds .headBlogPost .author img:not(.iconBox),
    .SinglePage .sidebar .buttons .Relateds .headBlogPost .author .legen{ display: none; }
    .SinglePage .sidebar .buttons .Relateds .headBlogPost .tagPost{ display: none; }
    .SinglePage .sidebar .buttons .Relateds .headBlogPost{ width: initial !important; }
    .SinglePage .sidebar .Relateds .BoxPost a > div{ display: flex; flex-direction: row-reverse; width: 100%; justify-content: space-between; align-items: center; }
    .SinglePage .sidebar .buttons .Relateds .headBlogPost .author img.iconBox{ position: static; margin-right: 0px !important; opacity: 1; }
    .SinglePage .sidebar .buttons .Relateds .headBlogPost .author{ margin:0; }
    .SinglePage .sidebar .buttons .Relateds .BoxPost a .Title img{ display: block !important; margin-right: 12px; filter: invert(0); width: 25px; opacity: 1; }
    .SinglePage .sidebar.blogSidebar .Relateds .BoxPost a > div .Title img{ display: none !important; }



/* Tags Page */
    .SinglePage.TagPage .Blog > .container div { flex-wrap: wrap; flex-direction: row; justify-content: flex-start; }
    .SinglePage.TagPage .Blog{ padding-top:0; padding-bottom: 0vh; }
    .SinglePage.TagPage .BoxPost > a .Title{ padding-right: 0px !important; }
    .SinglePage.TagPage .Blog > .container p { font-size: 1rem; margin-top: 0px !important; }
    .SinglePage.TagPage .Blog.Relateds { padding: 0; min-height: initial; }
    .SinglePage.TagPage .sidebar{ padding-top: 3vh !important; }
    .BoxPost a .Title { margin-bottom: 35px; text-align: left; position: relative; line-height: 2.25rem; text-align: left !important; font-weight: 100; }


/* Content Post Single */
    .SinglePage .Singles { padding-top: 3vh;  min-height: initial; padding-bottom: 0vh; z-index: 1;}
    .SinglePage .animationTitles h1{ font-size: 4rem; max-width: 100%;}
    .SinglePage .Singles > .container{ align-items: flex-start !important; }

    .SinglePage .Singles { background:#fff; padding-top: 3vh; }
    .SinglePage .related-tags-cont{ width: 100% !important; padding: 0; display: flex; justify-content: space-between; margin-bottom: 0vh; }
    .SinglePage .related-tags-cont ul{ flex-wrap: wrap; list-style: none !important; padding: 0 !important; }
    .SinglePage .related-tags-cont a{ padding: 12px 20px; font-size:14px; background: #ebebeb; color: #565656; display: flex; border-radius: 9px; margin:0px 7px 7px 0px; }
    .SinglePage .related-tags-cont a img{ margin-right: 9px; width: 12px; }
    .SinglePage .postContent h2 {  font-size: 3.4em; max-width: 725px; margin-top: 5vh; margin-bottom: 5px;font-weight: 300; line-height: normal; }
    .SinglePage .postContent h2 + p { text-align: left; }
    .SinglePage .postContent p { font-size: 1.75rem; line-height: 2.25rem; font-weight: 100; padding: 7px 0px 7px 0px; margin: 0; max-width: initial; }
    .SinglePage .postContent h3 { font-size: 1.75em; font-weight: 500; line-height: 2.25rem; margin: 40px 0px 0px 0px; }
    .SinglePage .postContent ul, .SinglePage .postContent ol{  font-size: 1.75rem; line-height: 2.25rem; font-weight: 100; padding: 7px 0px 7px 0px; flex-direction: column; list-style: circle; padding-left: 25px; }
    .SinglePage .postContent ul li, .SinglePage .postContent ol li{ margin:5px 0px; }
    .SinglePage .postContent ol{ list-style:decimal; padding-left: 38px; }
    .SinglePage .postContent ol li{ margin: 15px 0px; }
    .SinglePage .postContent ul p{ display:none; }
    .SinglePage .postContent p strong{ font-weight: 500 !important; }
    .SinglePage .postContent strong{ font-weight: 500 !important; }
    .SinglePage .postContent h3 + ul, .SinglePage .postContent h3 + ol{ margin-top:20px; }

    /*.lang-link.no-translation{ opacity: 0.3 !important; }*/


    .SinglePage .navi{ margin-top:0px !important; display: flex; width: 100% !important; align-items: center; justify-content: space-between; }
    .SinglePage .navi a{ padding: 0px 30px; background: #e9e9e9; border-radius: 99px; display: flex; align-items: center; }
    .SinglePage .navi a img{ width: 23px !important;} 
    .SinglePage .Relateds{  flex-direction: column; align-items: center; margin-bottom: 0; background: #fbfbfb; padding: 0px 0px; }
    .SinglePage .Relateds h2{ padding: 0px 0px 0px 0px !important; text-align: center; width: 100%; max-width: 1300px;}
    .SinglePage .Relateds h2.fullWidth{ max-width: initial; }

    .SinglePage .postContent img:not(.related-tags-cont img), 
    .SinglePage .postContent video{ width: 100%; border-radius: 20px; margin-top: 20px; margin-bottom: 20px; height: auto; }
    .wp-block-spacer{  display: block; width: 100%; }
    
    .Blog.Singles .sidebar.portfolioSidebar .BoxPost .active .proG{ width: 100% !important; }
    section.Boxes.Blog.Start { padding-bottom: 0; }

    section.HeroHome.Plug-Slider .ContPartners{ margin-bottom:0 !important }


    .Tags-in-Header .spacer{ display:none }
    .spacerSpec{ height: 5vh; display: block; width: 100%; }
    .Tags-in-Header .buttonsHome{ display:block !important; }
    .Tags-in-Header + .Blog .sidebar{ display: none; }
    .Tags-in-Header .buttonsHome a.active { background: #2d2d2d !important; }
    .Tags-in-Header .buttonsHome a.active img { opacity: 1 !important; }
    .Tags-in-Header + .Blog .postContent { width: 100%; padding-right: 0; }
    .Tags-in-Header + .Blog .postContent h2 + p {text-align: justify; width: 100%; margin: 0; max-width: initial; }
    .Tags-in-Header + .Blog .postContent p { text-align: justify; }
    .Tags-in-Header .animationTitles { width: 60% !important; }
    .animationTitles p img{ width: 30px; filter: invert(0); margin-right: 20px;}
    .Left{ text-align: left !important; justify-content: flex-start !important; }
    .buttonsHome .container{ flex-direction: row !important; }
    .TriggSidebar{ min-height: initial !important; height: 100px; }


@media (max-width: 1500px) {
    .Blog .BoxPost > a{ min-height: 350px; min-width: 290px; }
    .Blog h2.Left { width: calc(100% - 80px); padding: 0px 40px !important; }
    .Tags-in-Header .spacer { display: block !important; }
}

@media (max-width: 850px) {
    .TriggSidebar{ height:0px; }
    .TriggSidebar + .Relateds .spacer{ display:none; }
     /* Blog section */
     .PageHome .Blog { background: #fff; }
     .PageHome .Blog .BoxPost > a { padding:45px 40px !important; border: 0px !important; border-bottom: solid 1px #eaeaea !important; 
         width: 100%; border-radius: 0; margin-bottom: 0; text-align: left; margin-left: 0px; max-width: initial; min-height: initial; }
     .PageHome .Blog .BoxPost > a:first-child{ margin-top:35px; }
     .PageHome .Blog .BoxPost > a:last-child { border-bottom: solid 0px #eaeaea !important; }   
     .PageHome .Blog .postContent, .PageHome .Blog .BoxPost { width: 100%; }
     .PageHome .Blog .BoxPost a p { width: 100% !important; margin-top: 25px; text-align: left !important; }
     .PageHome .Blog a:hover .headBlogPost .iconBox{ right: 40px !important; }
     .PageHome .Blog .BoxPost a .proG{ display: none; }
     .PageHome .Blog .BoxPost a .Title{ margin-bottom: 0px; margin-top: 0px;}
     .Blog .BoxPost.Left a{ max-width: initial !important; }


 /* Form Search */
     form.searchform{ display: flex !important; align-items: center; justify-content: space-between; transition: all 0.33s ease-in-out;
         position: absolute; right: 0; top: 95px; z-index: 9; width: calc(100% - 40px); margin: 0px 20px; right: -110%; }
     .appendRight{ right:0 !important }
     form.searchform > div{ border: solid 9px #FFF; width: 100%; justify-content: space-between; border-radius: 15px; }
     form.searchform > div{ border: solid 9px #efefef; background: #ffffff; }
     .BlogPage form.searchform > div{ border: solid 9px #292929; background: #161616; }
     form.searchform > div input { width: 100%; background: none !important; }
     form.searchform > div button{ color: #000; font-size: 1rem; }
     form.searchform > div button img { filter: invert(0); width: 30px; }
     .btnSearch{ position: absolute; top: 33px; right: 114px; width: 27px; z-index: 11; }
     .BlogPage .btnSearch{ filter: invert(1); }
     form.searchform > div button{ display: flex; align-items: center; justify-content: center; }
     .BlogPage form.searchform > div button{ color: #fff; }
     .BlogPage form.searchform > div button img { filter: invert(1); }


    .spacerSpec{ height: 3vh; }

    .animationTitles p img { width: 18px; margin-right: 8px; }
    .BlogPage header .menu_btn_black { filter: invert(1); }
    .Blog {  margin-top: 0; background:#fff; }

    .Blog .BoxPost > a { max-width: initial !important; border-left: solid 0px #eaeaea !important; border-bottom: solid 1px #eaeaea !important; border-top: solid 0px #eaeaea !important;
        min-height: initial !important; width: calc(100% - 80px); padding: 45px 40px !important; margin-bottom: 0px !important; margin-left:0px !important; }
    .BoxPost a p { text-align: left !important; width: 100% !important; padding-top: 25px !important; }
    .BoxPost a:last-child { border-bottom: solid 0px #eaeaea !important; margin-bottom:70px; }
    .BoxPost a .Title { margin-bottom: 0px !important; margin-top: 0; width: 100% !important;}
    .SinglePage.TagPage .BoxPost > a .Title{ padding-right: 0px !important; width: 100% !important; }

    .HeroBlog { padding-bottom: 0vh; justify-content: end; min-height: 60vh !important; }
    .HeroBlog .buttonsHome{ display: none; }
    .HeroBlog > .container > div{ width: calc(100% - 80px) !important; }
    .HeroBlog > .container > div h1{ text-align: left; font-size: 4rem; }
    .HeroBlog > .container > div p{ margin: 0; }

    .SinglePage .HeroBlog .container > div:last-child { display: block; }
    .SinglePage .HeroBlog.Horizontal .container > div { width: calc(100% - 80px) !important; align-items: flex-start; padding: 0px 40px !important;  margin-right: 0px; }
    .SinglePage section.Horizontal .container > div p { padding: 0px 0px; }
    .SinglePage .Blog{ margin-bottom: 0vh !important; padding-bottom: 0; padding-top: 1vh; }
    
    .SinglePage .postContent { width: calc(100% - 80px); text-align: left; padding: 10px 0px; }
    .SinglePage .postContent p { margin-top: 0px !important; width: 100% !important; text-align: left !important; }
    .SinglePage .sidebar{ width: 100%; margin-top: 0px; }
    
    .SinglePage .Relateds{ margin-bottom: 0vh; padding: 20px 0px; background: none; }
    .SinglePage .Relateds h2{ width: calc(100% - 80px) !important; padding: 0px 40px 40px 40px !important; }

    .SinglePage .sidebar{ padding: 80px 40px 0px 40px; width: calc(100% - 80px) !important; }
    .SinglePage section.Horizontal.Text-righted .container > div:last-child h1{ font-size: 3rem; }
    
    .SinglePage .Blog > .container { align-items: center !important; flex-direction: column; }
    .SinglePage .Relateds .BoxPost a{ max-width: initial; }

    .SinglePage.TagPage .BoxPost{ width: calc(100% - 0px) !important; text-align: left; padding: 0px 0px !important; }
    .SinglePage.TagPage .BoxPost > a{ display: flex; flex-direction: column; justify-content: flex-start; max-width: 100% !important; border-left: solid 0px #eaeaea;
        border-bottom: solid 1px #eaeaea; min-height: initial; width: 100%; padding: 45px 40px !important; border-radius: 0; position: relative; margin-bottom: 0; text-align: left; }
    .SinglePage.TagPage .BoxPost > a:last-child{ border-bottom: solid 0px #eaeaea; }
    .SinglePage.TagPage .Blog{ margin-top: 0vh !important; padding-bottom: 0vh; }
   
    .SinglePage .related-tags-cont ul { padding: 0; }
    .SinglePage .related-tags-cont{ margin-bottom: 25px !important; }

    .SinglePage .postContent p { font-size: 1.75rem; line-height: 2.25rem; font-weight: 100; padding: 12px 0px 12px 0px; }
    .Blog .headBlogPost .iconBox { top: 10px !important; right: 0 !important; height: 30px; opacity: 1; }
    .headBlogPost{ padding: 0 !important; position: relative; width: 100% !important;}
    .Vertical.HeroBlog .animationTitles p{ margin-top:25px !important; }
    .animationTitles p{ text-align: left !important; }

    .SinglePage .sidebar .buttons a { margin: 6px 6px 0px 0px !important; }
    .proG{ display: none; }
    .BoxPost a:hover .headBlogPost .iconBox{ right: 0px; }

    .Tags-in-Header .buttonsHome{ display:none !important }
    .Tags-in-Header .spacer{ display:block !important }
    .Tags-in-Header + .Blog .postContent { width: calc(100% - 80px); padding: 15px 40px; }

    .SinglePage .HeroBlog .animationTitles h1{ font-size: 2.5rem !important; }
    .SinglePage .HeroBlog.Tags-in-Header .animationTitles h1 { font-size: 3rem !important; }
    .SinglePage .postContent h2 { text-align: left !important; margin-top: 55px; margin-bottom: 25px;  width: 100% !important; font-size: 2.4em; }
    .SinglePage .postContent h3 { margin: 50px 0px 20px 0px; width: 100% !important; }
    .SinglePage section .container { width: 100%; padding: 0px; }

    .SinglePage section.HeroBlog .container .animationTitles {
        padding-top: 10vh !important;
    }

    .SinglePage section.HeroBlog{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .SinglePage section.HeroBlog .animationTitles p{
        width: 100% !important;
    }
}