/***********************************************/
/* Custom CSS for repeatable sections*/
/***********************************************/

/*remove padding because sections have their own*/
.blog-content.repeatable-sections{
    padding-top: 0;
    padding-bottom: 0;
}

.repeatable-section .background_wrap{
    background-size: cover;
    background-position: center center;
}

.repeatable-section .center-vertically{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.repeatable-section.standard_content,
.repeatable-section.embedded_video,
.repeatable-section.image_content .background_wrap{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.repeatable-section.pull_quote .background_wrap{
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.repeatable-section.pull_quote .pull-quote-box{
    background-color: #ffffff;
    padding: 2rem;
    margin-left: 19%;
    margin-right: 2rem;
}

.repeatable-section.pull_quote .quote{
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.3rem;
    line-height: 1.875rem;
    margin-bottom: 1rem;
    letter-spacing: -.03em;
}

.repeatable-section.pull_quote .person-name{
    margin-top: -5px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.repeatable-section.pull_quote .person-pic {
    flex-shrink: 0;
}

.repeatable-section.pull_quote .person-pic img{
    height: 3.5rem;
}

.repeatable-section.pull_quote .person-info{
    margin-left: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.repeatable-section.pull_quote .person-title{
    margin-top: 0;
    font-family: "Monument Grotesk Mono", monospace;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
}

.repeatable-section.pull_quote .pull-quote-footer {
    display: flex;
}

.repeatable-section .content-column.light .title,
.repeatable-section .content-column.light .content{
    color: #ffffff;
}

.repeatable-section .content-column.dark .title,
.repeatable-section .content-column.dark .content{
    color: #2d2d2d;
}

.repeatable-section.image_content .image-column{
    margin-bottom: 4rem;
}

.repeatable-section.image_content img {
    width: auto;
    height: 23rem;
    margin: auto;
}
.blog-content .eyebrow {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    text-transform: uppercase;
}
.single-blog .side-menu ol > li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.single-blog .side-menu ol > ul li:before {
    /*flex-basis: 2rem;*/
    content: none;
}
.single-blog .side-menu ol > li.active {
    color: #fff;
}
.single-blog .side-menu ol > li > a {
    flex-basis: 85%;
    padding-right: 30px;
}
.single-blog .side-menu ol ul {
    margin-left: 2rem;
}
.single-blog .side-menu ol ul > li.toc_level2 {
    border-left: 1px solid rgba(45,45,45,.25);
}
.single-blog .side-menu ol ul > li.toc_level2 a {
    border: none;
    max-width: 190px;
}
.single-blog .side-menu ol ul > li.toc_level2 span {
    border: none;
    margin-left: 2rem;
}
.single-blog .side-menu ul li.active a span {
    /*color: #2d2d2d;*/
}
.single-blog .side-menu .toggle_subsection {
    position: absolute;
    right: 10px;top: 3px;
    padding: 0.75rem 0.25rem;
    cursor: pointer;
    transition: transform 300ms;
}
.single-blog .side-menu li.open .toggle_subsection {
    transform: rotate(90deg);
}
.single-blog .side-menu ul li.active > a {
    background: url(../png/minasepctrumsecondary.png) no-repeat scroll 100%,linear-gradient(0deg,#2d2d2d,#2d2d2d) repeat scroll 0 0,#fff none repeat scroll 0 0;
    color: #fff;
}
.single-blog .side-menu ul li.toc_level2 span {
    color: #2d2d2d;
}.single-blog .side-menu ul li.toc_level2.active span {
    color: #fff;
}
.single-blog .side-menu ul.toc_level2 {
    display: none;
}
.single-blog .embed_video_wrap {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.single-blog .embed_video_wrap.youtube,
.single-blog .embed_video_wrap.vimeo {
    padding-bottom: 56.25%;
}
.single-blog .embed_video_wrap iframe,
.single-blog .embed_video_wrap object,
.single-blog .embed_video_wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 90rem){

    html body .blog-header-container {
        margin: 17.1rem calc(( 100vw - 90rem ) / 2 );
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    html body .blog-container {
        margin: 0 calc((100vw - 90rem) / 2 );
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    html body .repeatable-section .container{
        max-width: 90rem;
    }

    html body .repeatable-section.pull_quote .pull-quote-box{
        width: auto;
    }

    html body .repeatable-section.pull_quote .quote{
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
    .blog-content.repeatable-sections.has_toc .container,
    .blog-content.repeatable-sections.has_toc .blog-container {
        padding-left: 25rem;
    }
    .blog-content h2.section_title {
        margin: 1rem 0;
    }
    .blog-container {
        padding-top: 5rem;
        z-index: 999;
        background: #fff;
    }
    .single-blog .side-menu {
        margin-top: 3rem;
        display: block;
    }
    .single-blog .side-menu.is-fixed {
        top: 0 !important;
    }
    .tos-container .side-menu {
        top: 52px !important;
        position: relative !important;
    }
    .tos-container .side-menu.is-fixed {
        position: fixed !important;
    }
}

@media screen and (min-width: 48rem){

    .blog-header-container {
        margin: 17.1rem calc( ( 100vw - 48rem ) / 2 );
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .blog-container {
        margin: 0 calc( (100vw - 48rem)/2);
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .repeatable-section .container{
        max-width: 48rem;
    }

    .repeatable-section .alignleft {
        float: left;
        right: 1rem;
    }
    .repeatable-section .alignright {
        float: right;
        margin-left: 1rem;
    }
    .repeatable-section .aligncenter {
        float: none;
        margin: auto;
    }
    .repeatable-section .aligncenter figcaption{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .repeatable-section .row{
        display: flex;
    }

    .repeatable-section .col-sm-3{
        width: 25%;
    }

    .repeatable-section .col-sm-4{
        width: 33.333%;
    }

    .repeatable-section .col-sm-6{
        width: 50%;
    }

    .repeatable-section .col-sm-8{
        width: 66.666%;
    }

    .repeatable-section .col-sm-9{
        width: 75%;
    }

    .repeatable-section.image_content .image-column{
        padding-right: 20px;
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .repeatable-section.image_content .image-column img{
        width: 23rem;
        height: auto;
    }

    html .repeatable-section.pull_quote .pull-quote-box{
        padding: 2.5rem 2.5rem 2.5rem 4.5rem;
        margin: auto;
        width: 43rem;
    }

    html .repeatable-section.pull_quote .person-pic img{
        height: 5.5rem;
    }

    .repeatable-section.pull_quote .person-name{
        justify-content: center;
    }

    .repeatable-section.pull_quote .person-name{
        margin-top: 0.51rem;
        font-size: 20px;
        line-height: 2.375rem;
    }

    html .repeatable-section.pull_quote .quote{
        font-size: 2.5rem;
        line-height: 3.125rem;
    }

}

@media screen and (min-width: 24rem){

    .side-menu {
        display: none;
    }

}

/***********************************************/
/* end repeatable sections*/
/***********************************************/
.footerLegals__info {
    white-space: nowrap;
}
.footerLegals__menu {
    flex-basis: 50%;
    margin-left: 0;
}
.menu-shortcode ul.menu {
    list-style: none; margin-left: 0;
}

.pum-content .newsletter_btn_wrap {
    position: relative;
}
.pum-content .newsletter_btn {
    width: 122px;
    background-color: #ff603b;
    color: #fff;
    border-radius: 4px 1px;
    text-transform: uppercase;
    padding: .5rem 1rem;
    border: 1px solid #000;
    position: relative;
    height: 55px;
    transform-style: preserve-3d;
    transition: background .2s ease-out 0ms;
    display: block;
}
.pum-content .newsletter_btn:hover {
    background-color: #2d2d2d;
}
.pum-content .newsletter_btn::after {
    position: absolute;
    content: "";
    inset: .25rem -.25rem -.25rem .25rem;
    transform: translateZ(-1px);
    transition: transform .2s ease-in 0ms,border 50ms ease-in .1s;
    border: 1px solid #000;
    border-radius: 4px 1px;
    z-index: -1;
    width: 122px;
    height: 55px;
    transform-style: preserve-3d;
}
.pum-content .newsletter_btn:hover:after {
    border: 0 solid transparent;
    transform: translate(-.25rem,-.25rem);
}
.pum-container {
    background-image: url('../jpg/modalbkgrd.jpg');
    background-position: center;
    background-size: cover;
}
.pum-theme- .pum-title {
    margin-bottom: 10px !important;
}
#field_1_5 {
    font-size: 24px;
    line-height: 28px;
    margin: 50px 0 10px;
}
#input_1_1 {
    padding: 12px;
}
#field_1_4 {
    margin: 20px 0;
}
#field_1_4 .ginput_container_checkbox {
    margin-left: 10px;
}
#field_1_4 .gfield-choice-input {
    margin-top: 4px;
    vertical-align: top;
}
.pum-content .gform_wrapper.gravity-theme .gfield-choice-input + label {
    vertical-align: top
}

.footerForm input[type="email"],
.footerForm input[type="text"]{
    font-family: "Monument Grotesk", sans-serif;
    line-height: 24px;
    color: #2d2d2d;
    display: inline-flex;
    align-items: center;
    height: 3.25rem;
    border-radius: 2px;
    width: 14.5rem;
    font-size: 1rem;
    padding-left: 1rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    border: 1px solid #fff;
    outline: none;
}

.background_wrap {
    background-image: url(../jpg/blogbackground-scaled-1.jpg);
    background-position: left top;
    background-size: cover;
}

.about.techMilestones,
.about.techIncentive {
    padding-bottom: 0;
}
.about.techMilestones section,
.about.techIncentive section,
.use_cases.techProjects section,
.something.techWorks section,
.something.knowledge section {
    padding-left: 0;
}
.use_cases.techJoin {
    padding-top: 10rem;
}
.techStarted-content.right img,
.techStarted-content.right .background-img,
.techJoin-content.right img,
.techJoin-content.right .background-img {
    left: auto;
    right: auto;
}
.techStarted-content.right .techStarted-box,
.techJoin-content.right .techJoin-text {
    right: auto;
    left: auto;
    overflow: auto;
    max-height: none;
}
.techJoin-content.right .techJoin-button a.orangeButtonDarkBG::after {
    border: 1px solid #ff603b;
}
.columns {
    background-size: cover;
    background-position: left top;
}
.columns section{
    width: 100%;
    max-width: 71rem;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 8rem;
    background-position: -6.5rem -2rem;
}
.columns ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}
.columns .knowledgeTitle {
    margin-bottom: 3rem;
}
.columns .smallTitle {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1rem;
}
.columns h3 {
    font-family: "Monument Grotesk Mono", monospace;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin: 1rem 0;
}
.columns p {
    line-height: 24px;
    font-size: 18px;
}
.columns .knowledgeSecDescrip {
    font-size: 19px;
    line-height: 28.5px;
    margin-bottom: 3rem;
    margin-top: -1rem;
    font-family: "Monument Grotesk Mono", monospace;
}

.image_text section {
    width: 100%;
    max-width: 71rem;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.tech-block--image_text:last-of-type {
    padding-bottom: 5rem;
}
.flexRow,
.flexRow.right {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    gap: 2.5rem;
    font-size: 18px;
    line-height: 27px;
}
.flexRow h4 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    line-height: 30px;
}
.flexCol h4 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    line-height: 30px;
    margin: 1rem 0;
}

.flexRow p,
.flexCol p{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 1rem;
}
.flexRow img {
    max-width: 100%;
}
.flexCol {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 18px;
    line-height: 27px;
}
.flexCol.bottom {
    flex-direction: column-reverse;
}

.spacer {
    height: 10rem;
    background-position: left center;
    background-size: cover;
}

.headerMenu ul > li > ul > li a span {
    margin-left: 0;
}
.landingSections {
    padding-bottom: 5rem;
}
.landingSections hr:first-of-type {
    margin-top: 4rem;
}
.landingSections h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 1.5rem;
}
.landingSections h2 > span {
    display: block;
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 19px;
    line-height: 30px;
    margin-top: 10px;
}
/*.landing-block--join .techStarted-boxinner a {
    font-family: "Monument Grotesk", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}*/
.landingSections hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.landingSections section.dark {
    background-image: url(../jpg/dark.jpg);
    background-color: #2d2d2d;
    background-size: cover;
    background-position: center;
    color: #fff;
    margin: 5rem auto;
    padding: 1.5rem 1.5rem 2rem;
}
.landingSections section.dark .flexRow {
    align-items: flex-start;
}
.landingSections section.dark h3 {
    font-size: 32px;
    line-height: 38px;
}
.landingSections section.dark p {
    margin: 1.5rem 0;
}
.page-template-temp-landing .pageHeader__container p {
    max-width: 31rem;
}
.pageHeader__container a.buttonVS {
    /*width: 12rem;*/
    height: 52px;
    margin-t: 20rem;
}
#what-are-zkapps {
    padding-bottom: 0;
}
.tech-block--columns {
    padding: 5rem 0 8rem;
    background: #fff;
}
.columns-full ul {
    padding-top: 3rem
}
.columns-full li {
    padding-bottom: 3rem
}
.columns-full h4 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 19px;
    line-height: 30px;
    margin: 10px 0;
}
.zUp {
    z-index: 10;
}

.blog-content ol li ol li {
	list-style-type: lower-alpha;
}
.blog-content ol li ul li {
	list-style-type: square;
}
@media screen and (min-width: 90rem) {
    .columns section,
    .image_text section {
        padding-left: 16rem;
    }
    .page-template-temp-landing .pageHeader {
        height: 50rem;
    }
    .pageHeader__container {
        margin: 12rem 9.5rem 12rem;
    }
}
@media screen and (min-width: 48rem) {
    .columns ul.twocol {
        grid-template-columns: 50% 50%;
    }
    .columns ul.twocol li {
        width: 60%;
    }
    .columns ul.threecol {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .columns ul.threecol li {
        /*width: 60%;*/
    }
    .columns-full ul {
        display: flex;
    }
    .columns-full ul li {
        flex-grow: 1;
        flex-basis: 0;
        padding-right: 1rem;
    }
    .flexRow {
        flex-direction: row;
    }
    .flexRow.right {
        flex-direction: row-reverse;
    }
    .page-template-temp-tech .linksBox {
        padding: 3.75rem 0;
    }
    .landingSections .flexRow {
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        margin: 2rem auto;
    }
    .landingSections .flexRow > div {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 29rem;
    }
    .landingSections .flexRow .background-img  {
        height: 520px;
    }
    .page-template-temp-landing .pageHeader__container h1 {
        max-width: 40rem;
    }
    .pageHeader__container h1,
    .pageHeader__container p {
        max-width: 36rem;
    }
    h4.right_indent {
        max-width: 36rem;
    }
    p.right_indent {
        max-width: 45rem;
    }
    .techStarted-content.right img,
    .techJoin-content.right img{
        left: 0;
        right: auto;
    }
    .techStarted-content.right .techStarted-box,
    .techJoin-content.right .techJoin-text {
        right: 0;
        left: auto;
    }
    .landingSections section.dark {
        padding: 3rem;
    }

}
@media screen and (max-width: 767px) {
    .spacer {
        height: 0px;
    }
    .techStarted-content.right img,
    .techJoin-content.right img,
    .techStarted-content.left img,
    .techJoin-content.left img {
        left: 0;
        right: auto;
        height: auto;
        bottom: auto;
        padding-top: 0;
        max-height: 645px;
    }
    .landingSections section.dark .buttonVS {
        width: max-content;
    }
    .techStarted-box {
        overflow: auto
    }
    .techStarted .container {
        padding-left: 0;
        padding-right: 0;
    }
    .pressLatest {
        flex-direction: column;
    }
    .pressLatest img {
        margin-bottom: 2rem;
        height: auto;
        max-width: 100%;
    }
    .pressGrid {
        margin-top: 3rem;
    }
}
@media screen and (max-width: 420px) {
    .landingSections section.dark .buttonVS {
        width: 280px;
    }
}
@media screen and (max-width: 380px) {
    .landingSections section.dark .buttonVS {
        width: 215px;
    }
}
.headerMenu ul > li > ul > li {
    height: 4.2rem;
}
.cont_toke {
    width: 100%;
}

.area1 {
    margin-right: 4%;
}

.table_area {
    /*display: table;*/
    /*height: 112px;*/
}

.box_flex_sub_area {
    width: 33%;
}

.border_top {
    border: 1px solid #000;
}

.hr_divider {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 71rem;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #2d2d2d;
    height: 0px;
    background-color: #2d2d2d;
}

.chart_bg {
    background: #202b33;
    width: 90%;
    height: auto;
    padding: 25px;
}
.header {
    top: auto;
}
.headerLogo {
    padding: .5rem 0;
}
.headerMenu ul > li > a:hover {
    text-decoration: none;
}
.headerLogo {
    padding: .5rem 0;
}
/* Icons */

.notification {
    display: block;
    width: 20px;
    height: 20px;
    color: #202b33;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
}

.colorIcon {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
}

.plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #202b33;
    font-weight: 600;
    font-size: 16px;
    line-height: 8px;
    padding: 4px;
    margin-right: 6px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: rgba(255, 255, 255, .2);
}

.red {
    background: #ec1561;
}

.orange {
    background: #ff9939;
}

.green {
    background: #2bab51;
}

.chart-container {
    width: 80%;
    height: 480px;
    margin: 0 auto;
}

.pie-chart-container {
    height: 360px;
    width: 360px;
    float: left;
}

.area1_chart {
    background: #202b33;
    height: 100%;
}

.info_font {
    color: #aaa;
    position: relative;
    top: 3px;
    left: -8px;
    font-size: 19px !important;
    font-weight: 400 !important;
}

.info_font:hover {
    color: #000;
}

.info_font2 {
    color: #aaa;
    position: relative;
    top: 3px;
    left: -5px;
    font-size: 17px !important;
    font-weight: 400 !important;
}

.info_font2:hover {
    color: #000;
}

.img_graphic {
    width: 560px;
}

.box_flex_image img {
    max-width: 112px;
    width: 100%;
    margin-right: 20px;
}

li > a {
	color: rgb(255, 96, 59);
}
li > a:hover {
 text-decoration: underline;
}
.homeBlockchain__item-text h3 {
	width: 12rem;
}
.knowledgeItem ul li a:hover svg {
    color: #fff;
}
.knowledgeItem ul li a:hover {
    text-decoration: none;
}
@media (max-width: 768px) {
	.homeHero__title {
		height: auto;
        margin-top: 100px;
	}
	.background-gradients {
		width:100%;
		height:100%;
	}
	.homeHero {
		min-height: auto;
	}
}
/* Blog & Page Table styles - Note: You'll need to add the page-content style to page sections to use */
.blog-content table,
.page-content table {
    background: #fff none repeat scroll 0 0;
    font-size: 1rem;
    font-family: "Monument Grotesk", sans-serif;
    line-height: 1rem;
    color: #2d2d2d;
	display: table;
	width: 100%;
	margin: 0 0 2.5rem;
	padding: 0;
	position: relative;
	border-spacing: 0;
	border-collapse: collapse;
	overflow-x: scroll;
    caption-side: bottom;
}
.blog-content table thead tr th,
.page-content table thead tr th {
    cursor: pointer;
    padding: 1rem 1rem .5rem;
    position: sticky;
    background-color: #2d2d2d;
    color: #fff;
    z-index: 200;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .125rem;
    vertical-align: middle;
    top: 0;
    display: table-cell;
}
.blog-content table tbody tr td,
.page-content table tbody tr td {
    font-size: 1rem;
    line-height: 1rem;
    color: #2d2d2d;
    white-space: wrap;
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
    padding: 1rem;
    position: relative;
}
.blog-content table tbody tr td.right,
.page-content table tbody tr td.right {
	text-align: right;
}
.blog-content table tbody tr td.left,
.page-content table tbody tr td.left {
	text-align: left;
}
.blog-content table tbody tr td.center,
.page-content table tbody tr td.center {
	text-align: center;
}
.blog-content table tbody tr:nth-child(2n+1),
.page-content table tbody tr:nth-child(2n+1) {
    background-color: #f5f5f5;
}
table caption {
	padding: 0.6em 3em 0;
}
.blogHeader-text {
    z-index: 1;
}
.homeHero::after {
    position: relative;
    height: auto;
    background: none;
}
.linksBox h2 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 26px;
    text-transform: uppercase
}
/*.linksBox-live .css-izatr8 h5,
.linksBox-grid h5 {
    font-size: 1.8rem !important;
}
.linksBox-grid--center a > div h5{
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 400;
}*/
@media (max-width: 992px) {
    .cont_toke .dataText .table_area {
        flex-direction: column;
    }
    .cont_toke .dataText .area1,
    .cont_toke .dataText .area2 {
        width:  100%;
    }
    /*.linksBox-grid {
        grid-template-columns: repeat(auto-fit,minmax(10rem,1fr)) !important;
    }*/
    .pressLatest {
        flex-direction: column;
    }
    .pressLatest img {
        margin-bottom: 2rem;
        height: auto;
        max-width: 100%;
    }
    .pressGrid {
        margin-top: 3rem;
    }
}

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    .table_cell {
        height: 66px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        margin-left: 0px;
    }
    .container_flex {
        display: flex;
        height: 72px;
    }
    .area1,
    .area2 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        margin-left: 24%;
    }
    .area3_movil {
        margin-left: 24%;
        width: 100%;
    }
    .area4_movil {
        margin-left: 24%;
        width: 100%;
    }
    .box_flex_image {
        width: 26%;
        margin-right: 15px;
    }
    .box_flex_text {
        width: 100%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.3rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.6rem;
        line-height: 0.8rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: 82px !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 100%;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 2.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: block !important;
    }
    .no_movil {
        display: none !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -184px !important;
        width: 310px !important;
        height: 159px !important;
        left: -77px !important;
        margin-left: -150px !important;
        padding: 8px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: 24%;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.3rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: 194px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -116px !important;
    }
    .tooltip2 {
        top: -168px !important;
        width: 276px !important;
        height: 135px !important;
        left: 0% !important;
        margin-left: -146px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -167px !important;
        padding: 8px !important;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .table_cell {
        height: 66px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        margin-left: 0px;
    }
    .container_flex {
        display: flex;
        height: 72px;
    }
    .area1,
    .area2 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        margin-left: 24%;
    }
    .area3_movil {
        margin-left: 24%;
        width: 100%;
    }
    .area4_movil {
        margin-left: 24%;
        width: 100%;
    }
    .box_flex_image {
        width: 26%;
        margin-right: 25px;
    }
    .box_flex_text {
        width: 100%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.8rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.6rem;
        line-height: 0.8rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: 82px !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 100%;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 2.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: block !important;
    }
    .no_movil {
        display: none !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -184px !important;
        width: 310px !important;
        height: 159px !important;
        left: -77px !important;
        margin-left: -150px !important;
        padding: 8px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: 24%;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.8rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: 194px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -116px !important;
    }
    .tooltip2 {
        top: -168px !important;
        width: 276px !important;
        height: 135px !important;
        left: 0% !important;
        margin-left: -146px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -167px !important;
        padding: 8px !important;
    }
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .table_cell {
        height: 112px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }
    .container_flex {
        display: flex;
        height: 112px;
    }
    .area1,
    .area2 {
        float: left;
        width: 47%;
        margin: 0;
        padding: 0;
    }
    .area1 {
        margin-right: 5%;
    }
    .area2_movil {
        /* margin-left: 24%; */
    }
    .area3_movil {
        margin-left: 6%;
        width: 50%;
    }
    .area4_movil {
        margin-left: initial;
        width: 100%;
    }
    .box_flex_image {
        width: 23%;
    }
    .box_flex_text {
        width: 100%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.875rem;
        line-height: 0.975rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: auto !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.20rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 100%;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 0.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: none !important;
    }
    .no_movil {
        display: block !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 88%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -136px !important;
        width: 459px !important;
        height: 112px !important;
        left: 0% !important;
        margin-left: -42px !important;
        padding: 8px !important;
    }
    .tablet {
        display: block !important;
    }
    .no_tablet {
        display: none !important;
    }
    .tablet_market {
        margin-left: 21%;
    }
    .tablet_block {
        display: block;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 0px;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -21px !important;
    }
    .tooltip2 {
        top: -145px !important;
        width: 343px !important;
        height: 113px !important;
        left: 0% !important;
        margin-left: -33px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -294px !important;
        padding: 8px !important;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .table_cell {
        height: 105px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }
    .container_flex {
        display: flex;
        height: 112px;
    }
    .area1,
    .area2 {
        float: left;
        width: 48%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        /* margin-left: 24%; */
    }
    .area3_movil {
        margin-left: 44%;
        width: 100%;
    }
    .area4_movil {
        margin-left: 22%;
        width: 100%;
    }
    .box_flex_image {
        width: 23%;
    }
    .box_flex_text {
        width: 77%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 6px;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.875rem;
        line-height: 0.975rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: auto !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 560px;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 0.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: none !important;
    }
    .no_movil {
        display: block !important;
    }
    .tooltip5 {
        top: -129px !important;
        width: 250px !important;
        height: 110px !important;
        left: 0% !important;
        margin-left: -123px !important;
        padding: 8px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: 27%;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 0px;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 88%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -21px !important;
    }
    .tooltip2 {
        top: -145px !important;
        width: 343px !important;
        height: 113px !important;
        left: 0% !important;
        margin-left: -33px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -294px !important;
        padding: 8px !important;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .table_cell {
        height: 105px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }
    .container_flex {
        display: flex;
        height: 112px;
    }
    .area1,
    .area2 {
        float: left;
        width: 48%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        /* margin-left: 24%; */
    }
    .area3_movil {
        margin-left: 8%;
        width: 100%;
    }
    .area4_movil {
        margin-left: initial;
        /*width: 100%;*/
    }
    .box_flex_image {
        width: 23%;
    }
    .box_flex_text {
        width: 104%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: initial;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.875rem;
        line-height: 0.975rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: auto !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 560px;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 0.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: none !important;
    }
    .no_movil {
        display: block !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 88%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -163px !important;
        width: 410px !important;
        height: 137px !important;
        left: -66px !important;
        margin-left: 29px !important;
        padding: 8px !important;
        padding-top: 10px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: initial;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 0px;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -21px !important;
    }
    .tooltip2 {
        top: -145px !important;
        width: 343px !important;
        height: 113px !important;
        left: 0% !important;
        margin-left: -33px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -294px !important;
        padding: 8px !important;
    }
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.background::before {
    background: url(../png/hash-pattern.png);
    z-index: 1;
    -webkit-mask-image: linear-gradient(20deg, #000 25%, transparent);
    mask-image: linear-gradient(20deg, #000 25%, transparent);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*.background::after {
     background: url(noise-w.png);
    opacity: .3;
} */

.background-gradients {
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    /* transform: scale(2); */
    /* filter: blur(150px); */
}

.position_relative {
    position: relative !important;
}

.background2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.background2::before,
.background2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.background2::before {
    background: url(../png/hash-pattern.png);
    z-index: 1;
    -webkit-mask-image: linear-gradient(20deg, #000 25%, transparent);
    mask-image: linear-gradient(20deg, #000 25%, transparent);
}

.background2::after {
    /*background: url(noise-w.png);*/
    opacity: .3;
}

.background-gradients2 {
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    /* transform: scale(2); */
    /* filter: blur(50px); */
}

.homeBlockchain__caption .wp-caption-text {
    font-size: 1em;
    margin: .875em auto 0;
    font-family: "Monument Grotesk", sans-serif;
    line-height: 1.6;
}
@media (min-width: 768px) {
    .homeBlockchain__caption .wp-caption-text {
        margin: .875em 0 0 5rem;
        width: 24rem;
    }
}
.footer hr {max-width: 100%}
.footerLegals__menu ul li a:hover {
    color: #ff603b;
}
@media screen and (min-width: 1024px) {
    .footerLegals {
        justify-content: space-between;
    }
}
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1441px) {
    .second_black_block {
        background: url(../jpg/bgblackg.jpg);
        background-size: cover;
        position: relative;
        top: -326px;
        right: -592px;
        color: #fff !important;
        padding-left: 39px !important;
        padding-top: 32px !important;
        padding-right: 32px !important;
        padding-bottom: 32px !important;
        display: block;
        width: 543px !important;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .pannouncementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 632px !important;
        padding-right: 2.5rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }
    .announcements {
        width: 100%;
        height: 47rem !important;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .second_black_block {
        background: url(../jpg/bgblackg.jpg);
        background-size: cover;
        position: relative;
        top: -326px;
        right: -557px;
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.5rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 577px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .announcements {
        width: 100%;
        height: 47rem !important;
    }
}


/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .second_black_block {
        background: url(../jpg/bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -587px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 625px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .announcements {
        width: 100%;
        height: initial;
    }
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .second_black_block {
        background: url(../jpg/bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -637px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .announcements {
        width: 100%;
        height: initial;
    }
}


/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .second_black_block {
        background: url(../jpg/bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -637px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .announcements {
        width: 100%;
        /*height: 47rem !important;*/
    }
}


/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .second_black_block {
        background: url(../jpg/bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -637px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .announcements {
        height: auto !important;
    }
}


/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .second_black_block {
        background: url(../jpg/bgblackg.jpg);
        background-size: cover;
        position: relative;
        top: 0px;
        right: 0px;
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .announcements {
        height: auto !important;
    }
    .announcements {
        height: auto !important;
    }
}
@media screen and (max-width: 1271px){
    .blogPosts-select .select_options {
        width: 100%;
    }
    .blogPosts-select {
        column-gap: normal;
    }
}
@media screen and (max-width: 768px) {
    .blogPosts-select {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    .blogPosts-select .current {
        order: 2;
        width: 100%;
        margin-top: 1rem;
    }
    .blogPosts-select .select_options {
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: space-around;
        row-gap: .8rem;
        align-items: start;
        flex-direction: column;
    }
    .blogPosts-select .filter_by {
        width: 100%;
        text-align: left;
        margin: 0;
    }
    .blogPosts-select .blog_filter_wrap {
        z-index: 1;
        margin: 0;
        height: 2rem;
    }
    .blogPosts-select .blog_filter_wrap:nth-of-type(2) {
        z-index: 10
    }
    .blogPosts-select .btn_wrap {
        margin: 0;
    }
    .blogPosts-select .search_wrap {
        margin: .8rem 0 0;
    }
    .blog-header-container {
        margin-top: 6rem;
    }
    .blogPosts-select .blog_filter {
        top: 0;
        z-index: 3
    }
    .blog_filter_wrap .filter_select{
        z-index: 2
    }
    .blogPosts {
        margin-top: 2rem;
    }
    .blogPosts-select .search_wrap {
        width: 60%;
    }
    .blogPosts-list {
        display: block;
    }
}

@media screen and (max-width: 448px) {
    .blogPosts-select .search_wrap {
        width: 100%;
    }
}

#event_section {
    background-size: cover;
}
#event_section h2 {
    font-size: 40px;
    margin-bottom: 40px;
}
#event_section h3 {
    font-size: 24px;
    line-height: 26px;
    margin: 2rem 0 1.5rem;
}

#event_section .grantWork-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#event_section .grantWork-content > div {
    border-top: 1px solid #2d2d2d;
    padding: 20px 0;
    width: 48%;
}
#event_section .grantWork-content .event_wrap {
    width: 41%
}
#event_section .grantWork-content .content_area {
    width: 59% !important;
    max-width: 35rem;
}
#event_section .grantWork-content .content_area.single_column {
    padding: 10px 0 0;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
}
#event_section .event_info {
    font-family: "Monument Grotesk Mono", monospace;
    text-transform: uppercase;
    margin-bottom: 1rem;
    line-height: 1.2em;
    letter-spacing: 1px;
}
#event_section .event_info strong {
    font-family: "Monument Grotesk", sans-serif;
}
/*#event_section a {
    color: #ff603b;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90px;
}*/
#event_section .event_details .event_content {
    margin-bottom: 1rem;
}
#event_section .content_area .event_details {
    margin-bottom: 2rem;
    margin-top: -10px;
}
#event_section .content_area > div:not(:first-of-type) {
    border-top: 1px solid #2d2d2d;
    padding-top: 10px;
}

.page-template-temp-community .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: -15px;
    margin-top: 2rem;
}

.page-template-temp-community .gform_wrapper.gravity-theme .ginput_complex {
    justify-content: space-between;
}
.page-template-temp-community .gform_wrapper.gravity-theme .ginput_complex p {
    width: 48%;
}
.communityGenesis-text.mina101{
    right: 0;
    left: auto;
}
.mina101 .communityGenesis-image {
    left: 0;
    right: auto;
}
.communityGenesis.mina101 {
    padding-top: 10rem;
    padding-bottom: 7rem;
}
.communityGenesis-content.mina101 {
    margin-bottom: 5rem;
}
.mina101 .webinars_wrap {
    display: flex;
    flex-direction: row;
    margin-top: 5rem;
}
.mina101 .webinars_wrap .webinar_section_title {
    width: 30%;
    margin-right: 2rem;
}
.mina101 .webinars_wrap .webinar_section_title h3 {
    font-size: 32px;
}
.mina101 .webinars_wrap .webinar_grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    gap: 3rem 0;
    width: 100%
}
.mina101 .webinars_wrap .webinar_grid .webinar {
    flex-basis: 30%;
}
.mina101 .webinars_wrap .webinar_grid .webinar .webinar_title {
    display: block;
    font-size: 18px;
    font-family: "Monument Grotesk Mono", monospace;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.mina101 .webinars_wrap .webinar_grid .webinar .webinar_date {
    display: block;
    font-size: 18px;
    margin-bottom: 1rem;
    line-height: 1.2em;
}
/*.mina101 .webinars_wrap .webinar_grid .webinar a {
    color: #ff603b;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90px;
}*/
.communityGenesis-link svg {
    height: 16px;
    padding-top: 2px;
}
/*.communityGenesis,
.communityGrants,
.communityCulture {
    padding-top: 14rem;
}*/
.communityTeam hr {
    background-color: #fff;
}
.communityGenesis-image {
    /*height: 100%*/
}
.communityTestimonial-box p::before {
    display: none;
}
.communityGrants-text-button .button--orange::after {
    border: 1px solid #ff603b;
}
.communityGrants-text-button .button--orange:hover::after {
    border: 1px solid transparent;
}
.communityGrants-types-row2 div {
    margin: 0 1rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    gap: 1rem;
}
.zoom_email {
    margin-top: -2rem;
}
.zoom_countries {

}
.zoom_countries select {
    background: #fff;
    border: 1px solid #8f8f9d;
    color: #747474;
    /*margin-top: 2rem !important;*/
}
#gform_confirmation_message_5 {
    font-size: 24px;
}
@media screen and (max-width: 1439px) {
    #event_section .grantWork-content .content_area {
      max-width: 52%;
    }
}
@media screen and (max-width: 767px) {
    #event_section .grantWork-content > div {
        width: 100% !important;
        max-width: 100%
    }
    #event_section .grantWork-content .content_area {
        width: 100% !important;
    }
    .communityGenesis-text.mina101 {
        right: auto;
    }
    .mina101 .webinars_wrap {
        flex-direction: column !important;
    }
    .mina101 .webinars_wrap .webinar_section_title {
        width: 100% !important;
        margin-bottom: 3rem;
    }
    .mina101 .webinars_wrap .webinar_grid {
        flex-direction: column;
    }
}

a.buttonSmallArrow,
a.buttonOrangeSmallArrow {
    justify-content: space-around;
}
a.buttonSmallArrow:hover {
    text-decoration: none;
}
a.buttonSmallArrow svg,
a.buttonOrangeSmallArrow svg{
    width: 16px;
    margin-left: 5px;
}
a.buttonOrangeSmallArrow:hover svg {
    color: #fff;
}
a.orangeButtonLightBG::after {
    border: 1px solid #ff603b;
}
.mobMenu a:not(.headerButton):focus {
    color: #ff603b;
}

.page-template-temp-node .pageHeaderButton {
    width: 210px;
}
.page-template-temp-node .pageHeaderButton svg {
    margin-right: 1rem;
    max-height: 65%;
}


.landing-block--links .linksBox-grid {
    grid-template-columns: repeat(3,minmax(10em,1fr));
}
@media screen and (max-width: 767px) {
    .landing-block--links .linksBox-grid {
        grid-template-columns: repeat(2,minmax(10em,1fr));
    }
}
@media screen and (max-width: 512px) {
    .landing-block--links .linksBox-grid {
        grid-template-columns: repeat(1,minmax(8em,1fr));
    }
}
.aboutTestimonial-text > div {
    margin-left: 0;
}
.grantFaq section {
  padding-left: 0;
}
.headerButton::after,
.orangeButtonLightBG::after,
.orangeButtonLightBG:hover::after,
.pageHeader__container a::after,
.button--orange::after {
    border: 1px solid #ff603b;
}

.blogPosts-select .blog_filter::after {
    display: none;
}
.blogPosts-select .blog_filter span {
    position: absolute;
    top: 6px;
    right: 5px;
    cursor: pointer;
}
.blogPosts-select .option.over {
    background: #ff603b;
}
.blog-container-item {
    width: 100%;
    max-width: none;
}
.blogPosts-select .search_wrap {
    background: #fff;
}

/**
 * Roadmap Page
 */

.page-template-temp-roadmap .pageHeader {
    height: auto;
}

@media screen and (min-width: 48rem) {
    .page-template-temp-roadmap .pageHeader {
        height: 37rem;
        margin-bottom: 7rem;
    }
}

@media screen and (min-width: 48rem) {
    .page-template-temp-roadmap .pageHeader__container h1,
    .page-template-temp-roadmap .pageHeader__container p {
        max-width: 48rem;
    }
}

@media screen and (min-width: 48rem) {
    .page-template-temp-roadmap .pageHeader__container {
        margin-top: 6rem;
    }
}

.page-template-temp-roadmap .pageHeader__container a {
    background-color: #9FE4C9;
    color: #2d2d2d;
}

.page-template-temp-roadmap .pageHeader__container a:after {
    border-color: #9FE4C9;
}

.page-template-temp-roadmap .pageHeader__container a:hover {
    color: #fff;
}

.roadmapRows {
    padding-bottom: 10rem;
}

@media screen and (min-width: 48rem) {
    .roadmapRows .roadmapRows-item__text h2 {
        font-size: 2.5rem;
        width: 100%;
    }
}

.roadmapTextBlock {
    padding: 8rem 0;
}

.roadmapTextBlock .roadmapTextBlock-box {
    padding: .8rem 1.2rem 1.2rem;
    background: #fff;
}

@media screen and (min-width: 48rem) {
    .roadmapTextBlock .roadmapTextBlock-box {
        padding: 1rem 2rem 2rem;
        background: #fff;
    }
}

.roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_title {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1.875rem;
    color: #2d2d2d;
    font-weight: 300;
    margin-top: 1.5rem;
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 48rem) {
    .roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_title {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}

.roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_text {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #2d2d2d;
    font-weight: 300;
}

@media screen and (min-width: 48rem) {
    .roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_text {
        font-size: 2.4rem;
        line-height: 2.7rem;
    }
}

.roadmapTracks  hr {
    background: #2d2d2d;
}

.roadmapTracks .roadmapTracks-header2 {
    display: block;
}

.roadmapTracks .roadmapTracks-buttons-wrap {
    display: flex;
    justify-content: start;
    align-items: center;
}

.roadmapTracks .roadmapTracks-buttons-wrap .roadmapTracks-buttons span {
    background-color: #ff603b;
    color: #000;
    border: 1px solid #000;
}

.roadmapTracks .roadmapTracks-buttons-wrap .roadmapTracks-buttons span:hover {
    color: #fff;
    border-color: #fff;
}

.roadmapTracks .roadmapTracks-text h2 {
    color: #2d2d2d
}

.roadmapTracks .roadmapTracks-text p {
    color: #2d2d2d
}

.roadmapTracks .slick-slide {
    padding-top: 2.5rem;
}

.roadmapTracks .roadmapTracks-blocks {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.roadmapTracks .roadmapTracks-blocks + .container {
    margin-bottom: 8.5rem;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .roadmapTracks-blocks .slick-list {
        padding: 0 40% 0 0 !important;
    }
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block {
    background: #fff;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text p {
    font-family: "Monument Grotesk", sans-serif;
}
.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text p:last-child {
    margin-bottom: 0;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .roadmapTracks-blocks-block_content {
    margin-bottom: 1rem;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.truncated .roadmapTracks-blocks-block_content {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readMore,
.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readLess {
    display: none;
    background: transparent;
    border: none;
    padding: 0;
    font-family: "Monument Grotesk", sans-serif;
    color: #ff603b;
    font-size: 1rem;
    cursor: pointer;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readMore,
    .roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readLess {
        font-size: 1.125rem;
    }
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.needsReadMore .readLess {
    display: inline-block;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.needsReadMore.truncated .readMore {
    display: inline-block;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.needsReadMore.truncated .readLess  {
    display: none;
}

.roadmapTracks .infoBox-box {
    padding: .8rem 1.2rem 1.2rem;
    color: #fff;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .infoBox-box {
        padding: 1rem 2rem 2rem;
    }
}

.roadmapTracks .infoBox-box .infoBox-box_title {
    font-family: "Monument Grotesk", sans-serif;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 300;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .infoBox-box .infoBox-box_title {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

.roadmapTracks .infoBox-box .infoBox-box_text {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -1px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 1rem;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .infoBox-box .infoBox-box_text {
        max-width: 30rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}

.roadmapTracks .infoBox-box {
    background-color: #2d2d2d;
    background-position: top center;
    background-repeat: no-repeat;
}

.roadmapTracks .infoBox-box a {
    background-color: #9FE4C9;
    color: #2d2d2d;
}

.roadmapTracks .infoBox-box a:after {
    border: 1px solid #9FE4C9;
}

.roadmapTracks .infoBox-box a:hover {
    color: #fff;
    background: url('../png/buttonhoverdark.png') repeat scroll 0 0,#000 none repeat scroll 0 0;
}

.roadmapTracks .infoBox-box a:hover:after {
    border: 0 solid rgba(255,96,59,0);
    transform: translate(-0.25rem,-0.25rem);
}


.roadmapTracks .infoBox-box .infoBox-box_image {
    padding-top: 2rem;
}


.roadmapTracks .infoBox-box .infoBox-box_image img {
    width: 100%;
    height: auto;
}



/* feedback section */
.feedback_wrap {
    background: #000 url(../jpg/large.jpg) no-repeat left top;
    background-size: cover;
    padding: 3rem 0;
}
.feedback_wrap .feedback_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.feedback_wrap .feedback_title {
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 3rem;
}
.feedback_wrap .feedback_question  {
    color: #fff;
}
.feedback_wrap .feedback_question .question {
    font-size: 18px;
    margin-bottom: 1.5rem;
}
.feedback_wrap .feedback_button_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.feedback_wrap .feedback_response_btn {
    color: #fff;
    text-decoration: none;
    margin-right: 0;
    margin-bottom: 15px;
}
.feedback_wrap .feedback_message {
    display: none;
    color: #fff;
    font-size: 18px;
    height: 67px;
}
@media screen and (max-width: 48rem) {
    .feedback_wrap .feedback_response_btn {
        width: 100%;
        justify-content: center;
    }
}
@media screen and (min-width: 48rem) {
    .feedback_wrap .feedback_inner {
        margin-left: 0;
        flex-direction: row;
    }
    .feedback_wrap .feedback_button_wrap {
        flex-direction: row;
    }
    .feedback_wrap .feedback_title {
        padding-right: 2rem;
        width: 13rem;
    }
    .feedback_wrap .feedback_response_btn {
        margin-right: 15px;
        margin-bottom: 0;
        width: max-content;
        justify-content: space-between;
    }
}
@media screen and (min-width: 80rem) {
    .blog-content.repeatable-sections.has_toc .feedback_wrap .feedback_inner {
        margin-left: -13rem !important;
    }
    .feedback_wrap .feedback_title {
        padding-right: 4rem;
        width: 13rem;
    }
}

/* ecosystem page */
.ecoPosts-header {
    margin-bottom: 2rem;
}
.ecoPosts-header h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: "Monument Grotesk", sans-serif;
    margin-top: 1.5rem
}
.ecoPosts-header .top_wrap {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.ecoPosts-header .top_wrap .button span,
.ecoPosts-header .top_wrap .button:hover span{
    color: #fff;
}
.ecoPosts-header .orangeButtonLightBG:hover::after{
    border: 0 solid transparent;
}
.ecoPosts-header p {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 1rem;
    letter-spacing: -.03em;
}
.ecoPosts-list a.external {
    font-size: 1rem;
    line-height: 1.7rem;
    text-decoration: none;
    cursor: pointer;
    color: #ff603b;
    display: flex;
    align-items: center;
}
.ecoPosts-list li > div {
    margin-bottom: 2rem;
}
.ecoPosts-list {
    margin-bottom: 0;
    padding-bottom: 50px;
}
.milestones_delivered {
    display: flex;
    align-items: center;
    /*font-family: "Monument Grotesk Mono", monospace;*/
    text-transform: uppercase;
    font-size: 14px;
    margin: .5rem 0;
}
.milestones_delivered span {
    margin-left: 1rem;
}
@media screen and (min-width: 48rem) {
    .ecoPosts-header p {
        width: 40rem;
    }
    .ecoPosts-header .top_wrap {
        flex-direction: row;
        align-items: center;
        margin-bottom: 1rem;
    }
    .ecoPosts-header h2 {
        margin-top: 0;
    }
}