/*Hero*/
.studio-blockchain-page .studio-content .hero .column.main-icon i,
.studio-blockchain-page .studio-content .hero .top .column .title strong,
.studio-blockchain-page .studio-content .hero .top .column .small-title i{ color: var(--studio-blockchain); }
.studio-blockchain-page .studio-content .hero .bottom .column.link a,
.studio-blockchain-page .studio-content .hero .bottom .column.link a:before{ background: var(--studio-blockchain); }
.studio-blockchain-page .studio-content .hero .top .column { max-width: 690px; }

/*Studio Cards Text*/
.studio-blockchain-page .studio-content .blockchain-development .column h3{ max-width: 370px; }
.studio-blockchain-page .studio-content .blockchain-development .column p{ max-width: 400px; }
.studio-blockchain-page .studio-content .smart-contract-development .column h3{ max-width: 400px; }
.studio-blockchain-page .studio-content .smart-contract-development .column p{ max-width: 400px; }
.studio-blockchain-page .studio-content .blockchain-integration .column h3{ max-width: 350px; }
.studio-blockchain-page .studio-content .blockchain-integration .column p{ max-width: 430px; }
.studio-blockchain-page .studio-content .security-auditing .column p{ max-width: 410px; }
.studio-blockchain-page .studio-content .tokenization .column h3{ max-width: 400px; }
.studio-blockchain-page .studio-content .tokenization .column p{ max-width: 375px; }
.studio-blockchain-page .studio-content .blockchain-testing .column h3{ max-width: 410px; }
.studio-blockchain-page .studio-content .blockchain-testing .column p{ max-width: 390px; }

.studio-blockchain-page .studio-content .blockchain-infrastructure .column h3{ max-width: 410px; }
.studio-blockchain-page .studio-content .blockchain-infrastructure .column p{ max-width: 410px; }

.studio-blockchain-page .studio-content .monitoring-maintenance .column h3{ max-width: 400px; }
.studio-blockchain-page .studio-content .monitoring-maintenance .column p{ max-width: 360px; }
.studio-blockchain-page .studio-content .consulting-services .column p{ max-width: 390px; }

/*Studio Cards Images*/
.studio-blockchain-page .studio-content .smart-contract-development .column figure{ bottom: -2px; height: auto; width: 95%; max-width: 500px; max-height: 90%; margin: auto; left: 80px; }
.studio-blockchain-page .studio-content .blockchain-infrastructure .column figure{ bottom: -2px; height: auto; width: 95%; max-width: 500px; max-height: 90%; margin: auto; left: 50px; }
.studio-blockchain-page .studio-content .consulting-services .column.img figure img,
.studio-blockchain-page .studio-content .monitoring-maintenance .column.img figure img,
.studio-blockchain-page .studio-content .blockchain-testing .column.img figure img,
.studio-blockchain-page .studio-content .tokenization .column.img figure img,
.studio-blockchain-page .studio-content .security-auditing .column.img figure img,
.studio-blockchain-page .studio-content .blockchain-integration .column.img figure img,
.studio-blockchain-page .studio-content .blockchain-development .column.img figure img{ object-fit: cover; }

/*Studio Footer*/
.studio-blockchain-page .studio-footer .text h3{ max-width: 700px; }
.studio-blockchain-page .studio-footer .text h3 span,
.studio-blockchain-page .studio-footer .text i{ color: var(--studio-blockchain); }
.studio-blockchain-page .studio-footer a:before{ background: var(--studio-blockchain); }

@media screen and (max-width: 1024px){

    .studio-blockchain-page .studio-content .content .column.text h3,
    .studio-blockchain-page .studio-content .content .column.text p{ max-width: 100% ; }
    .studio-blockchain-page .studio-content .studio-card .column.img{ width: 100%; }
    .studio-blockchain-page .studio-content .studio-card.separate-columns .column figure,
    .studio-blockchain-page .studio-content .studio-card.separate-columns-inverted .column figure{ padding-top: 60%; }
    .studio-blockchain-page .studio-content .studio-card.separate-columns .column figure img,
    .studio-blockchain-page .studio-content .studio-card.separate-columns-inverted .column figure img{ position: absolute; top: 0; left: 0; }
    .studio-blockchain-page .studio-content .smart-contract-development .column figure,
    .studio-blockchain-page .studio-content .blockchain-infrastructure .column figure{ margin: auto; max-width: 640px; left: 0; width: 65%; }

}

@media screen and (max-width: 540px){

    .studio-blockchain-page .studio-content .smart-contract-development .column figure, 
    .studio-blockchain-page .studio-content .blockchain-infrastructure .column figure { width: 85%; }
    
}